org.symbian.tools.wrttools.doc.WebDeveloper/html/GUID-6DD2B3D2-BA3B-4936-BBC9-F61B6757B6F8.html
Fixed 2046: WRTKit help topics. Fixed 2170: Added support for Web Developer Library. Fixed 1952: Event Trigger icons unreadable
<!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="Managing user interaction"/><meta name="abstract" content="To create useful widgets, you need to collect information from users about the task at hand. For example, to fetch a route and timetables to a specific location by using public transportation, users need to enter the starting point and the destination. Some S60 devices rely on physical keys such as a five way navigation pad, a keypad, keyboard, and set of labeled soft keys for user input. Some S60 devices support stylus and finger touch screen input."/><meta name="description" content="To create useful widgets, you need to collect information from users about the task at hand. For example, to fetch a route and timetables to a specific location by using public transportation, users need to enter the starting point and the destination. Some S60 devices rely on physical keys such as a five way navigation pad, a keypad, keyboard, and set of labeled soft keys for user input. Some S60 devices support stylus and finger touch screen input."/><meta name="DC.Relation" scheme="URI" content="GUID-C359CC7E-B8BA-491B-A0C4-0FF1D3C4110C"/><meta name="DC.Relation" scheme="URI" content="GUID-2D87333D-5475-4A8F-9E98-1EBF8035EF96"/><meta name="DC.Relation" scheme="URI" content="GUID-D54DEFE7-E878-4530-B707-A5388DFE1D9D"/><meta name="DC.Format" content="XHTML"/><meta name="DC.Identifier" content="GUID-6DD2B3D2-BA3B-4936-BBC9-F61B6757B6F8"/><meta name="DC.Language" content="en"/><title>Managing user interaction </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-6DD2B3D2-BA3B-4936-BBC9-F61B6757B6F8">Managing user interaction</h1><div><p>To create useful widgets, you need to collect information from users about the task at hand. For example, to fetch a route and timetables to a specific location by using public transportation, users need to enter the starting point and the destination. Some S60 devices rely on physical keys such as a five way navigation pad, a keypad, keyboard, and set of labeled soft keys for user input. Some S60 devices support stylus and finger touch screen input. </p>
<p>Users enter information by <a href="GUID-13E2DE63-47E5-4E2A-85FF-C8B0CAB9D4DE.html#GUID-13E2DE63-47E5-4E2A-85FF-C8B0CAB9D4DE">using screen controls</a>, such as check boxes, radio buttons, text fields, and selection lists. </p>
<div><h3>Interacting through keypad</h3><p>To make an application interactive to the mobile device user, you need to handle keypad input in the application, preferably by implementing the functionality in separate JavaScript files. This is in many ways similar to Web application development, but includes some aspects that are specific for the mobile device environment. The keypad input may include the following: </p><ul>
<li><p>Press softkeys. </p><p>For more information, see <a href="GUID-94946735-D23B-49C6-BB65-8BE31737AE42.html#GUID-94946735-D23B-49C6-BB65-8BE31737AE42">Using softkeys</a>.</p></li>
<li><p>Navigate on the screen. </p><p>For more information, see <a href="GUID-10F0126C-79CA-47BA-B7CA-53A866EFE04B.html#GUID-10F0126C-79CA-47BA-B7CA-53A866EFE04B">Navigating on screens</a>.</p></li>
<li><p>Type text or numbers. </p><p>For more information, see <a href="GUID-1666F263-F1CB-4928-B2A7-E518B43983BA.html#GUID-1666F263-F1CB-4928-B2A7-E518B43983BA">Handling text input</a>.</p></li>
<li><p>Select items in lists. </p><p>For more information, see <a href="GUID-0EFEA51B-F98B-4C0B-9960-5D6247355ACA.html#GUID-0EFEA51B-F98B-4C0B-9960-5D6247355ACA">Handling selection lists</a></p></li>
<li><p>Press numeric keys for other purposes, such as controlling the features of a game. </p></li>
</ul><div class="note"><p><strong class="note_title">Note: </strong>Web Runtime does not support the use of a full keyboard with the mobile device through a Bluetooth connection.</p></div></div>
<div><h3>Interacting through touch</h3><p>Touch enables direct manipulation of content and objects, allowing for more natural interaction with the device. This means a completely different user experience and interaction style compared to using a hardware keypad. If the application supports S60 5<sup>th</sup> Edition devices, keep in mind that the devices might not have a hardware keyboard. Enable users to interact with the application through the touch screen:</p><ul>
<li><p><a href="GUID-CCB9E780-C759-45B2-BBC8-7FAE2102C39F.html#GUID-CCB9E780-C759-45B2-BBC8-7FAE2102C39F">Creating touch controls</a></p></li>
<li><p><a href="GUID-EE119DD2-C37A-473C-B428-21408867D583.html#GUID-EE119DD2-C37A-473C-B428-21408867D583">Customizing screen controls</a></p></li>
<li><p><a href="GUID-AE9BB3E0-C243-476B-A236-40958A1DAED9.html#GUID-AE9BB3E0-C243-476B-A236-40958A1DAED9">Checking for touch support</a></p></li>
<li><p><a href="GUID-04ABC9FC-26FE-4854-9F88-63A2C4911886.html#GUID-04ABC9FC-26FE-4854-9F88-63A2C4911886">Providing tactile feedback for user actions</a></p></li>
</ul><p>For more information about designing for touch devices, see <a href="http://library.forum.nokia.com/topic/Design_and_User_Experience_Library/GUID-2F190E15-1183-43B0-81E3-EE45CD117502.html" target="_blank">S60 touch</a>.</p><p>You can also use custom input methods, such as, strokes, gestures, and custom buttons. For more information, see <a href="http://library.forum.nokia.com/topic/Design_and_User_Experience_Library/GUID-8078A95F-CB21-49DC-AC77-BB98097AB963.html" target="_blank">Custom input methods</a>.</p></div>
</div></div></div><div class="footer"><hr/><div class="copy">© Nokia 2009.</div></div></body></html>