PageRenderTime 27ms CodeModel.GetById 18ms app.highlight 5ms RepoModel.GetById 1ms app.codeStats 0ms

/documentation/videos/04-phonebook.html

http://eyes-free.googlecode.com/
HTML | 194 lines | 164 code | 30 blank | 0 comment | 0 complexity | 89fc5781d1f6063aa3f1163cba9bd1ab MD5 | raw file
  1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2               "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3<html xmlns="http://www.w3.org/1999/xhtml"
  4lang="en" xml:lang="en">
  5<head>
  6<title>Video: Talking Phonebook: Eyes-Free Communication Device</title>
  7<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1"/>
  8<meta name="generator" content="Org-mode"/>
  9<meta name="generated" content="2009-03-30 Mon"/>
 10<meta name="author" content="T.V Raman"/>
 11<style type="text/css">
 12  html { font-family: Times, serif; font-size: 12pt; }
 13  .title  { text-align: center; }
 14  .todo   { color: red; }
 15  .done   { color: green; }
 16  .tag    { background-color:lightblue; font-weight:normal }
 17  .target { }
 18  .timestamp { color: grey }
 19  .timestamp-kwd { color: CadetBlue }
 20  p.verse { margin-left: 3% }
 21  pre {
 22	border: 1pt solid #AEBDCC;
 23	background-color: #F3F5F7;
 24	padding: 5pt;
 25	font-family: courier, monospace;
 26        font-size: 90%;
 27        overflow:auto;
 28  }
 29  table { border-collapse: collapse; }
 30  td, th { vertical-align: top; }
 31  dt { font-weight: bold; }
 32
 33  .org-info-js_info-navigation { border-style:none; }
 34  #org-info-js_console-label { font-size:10px; font-weight:bold;
 35                               white-space:nowrap; }
 36  .org-info-js_search-highlight {background-color:#ffff00; color:#000000;
 37                                 font-weight:bold; }
 38
 39</style>
 40</head><body>
 41<h1 class="title">Video: Talking Phonebook: Eyes-Free Communication Device</h1>
 42
 43
 44
 45<div id="outline-container-1" class="outline-2">
 46<h2 id="sec-1">1 <a href="http://www.youtube.com/watch?v=UPIU2tj7dBI">Video: Talking Phonebook: Eyes-Free Communication Device</a></h2>
 47<div id="text-1">
 48
 49
 50<p>
 51Pressing the <u>menu</u> button while in the <i>Talking Dialer</i> toggles
 52between <u>dialing mode</u> and <u>phonebook</u>.
 53When in <u>phonebook</u>, you get eyes-free access to your contacts
 54with the ability to quickly move to the  contact  that you wish
 55to call.
 56</p>
 57<p>
 58When in the  <u>phonebook</u>, you can 
 59scroll through your contacts  and press the <u>call</u> button to call
 60the <i>current</i> contact.  In addition, you can use <i>stroke dialing</i>
 61as explained below to quickly move to a specific contact.
 62</p>
 63
 64</div>
 65
 66<div id="outline-container-1.1" class="outline-3">
 67<h3 id="sec-1.1">1.1 Entering Letters Using Stroke dialing </h3>
 68<div id="text-1.1">
 69
 70
 71<p>
 72We covered eyes-free input with the touch screen in the <a href="./02-strokes.html">earlier video on stroke dialing</a>
 73&mdash; in that video, we illustrated the concept via a traditional
 74phone keypad. Here, we  extend that technique
 75to enable   textual input. 
 76In the explanation below, we will use compass directions  to help
 77with orientation.
 78As before, we will use relative positioning i.e., for the rest of
 79this explanation, you can start <i>anywhere</i> on the touch-screen
 80&mdash; though we recommend (for reasons that  will become  evident)
 81that you start somewhere close to the middle of the screen.
 82</p>
 83</div>
 84
 85</div>
 86
 87<div id="outline-container-1.2" class="outline-3">
 88<h3 id="sec-1.2">1.2 The Eight Compass Directions</h3>
 89<div id="text-1.2">
 90
 91
 92<p>
 93Defining the <i>center</i> as where you first touch down on the
 94screen, notice that  you can stroke in any one of the <u>8</u> compass
 95directions, and that  opposite pairs of compass directions e.g.,
 96North and South, can be thought of as <i>opposites</i>.
 97So we get <u>4</u> pairs. We enumerate these below,
 98associate them with the <u>4</u> Google colors,  and  equate them
 99to their equivalent strokes from the <i>stroke dialer</i>:
100</p>
101
102<ul>
103<li>
104Red: North-West and South-east <u>1</u> and <u>9</u>.
105</li>
106<li>
107Blue: North and South  &mdash; <u>2</u> and <u>8</u>.
108</li>
109<li>
110Green: North-East and South-West &mdash; <u>3</u> and <u>7</u>.
111</li>
112<li>
113Yellow: East and West &mdash; <u>4</u> and <u>6</u>.
114
115</li>
116</ul>
117
118<p>Now, let's place the letters of the alphabet on these <u>4</u> circles
119as follows:
120</p>
121<ul>
122<li>
123Red: <u>A</u> &hellip; <u>H</u>
124</li>
125<li>
126Blue: <u>I</u> &hellip; <u>P</u>
127</li>
128<li>
129Green: <u>Q</u> &hellip; <u>X</u>
130</li>
131<li>
132Yellow: <u>Y</u> &hellip; <u>Z</u>.
133
134</li>
135</ul>
136
137<p>To input a given letter, we <i>stroke</i> to the circle containing the
138desired letter, trace along the circle till we hear the letter we
139want, and lift up the finger to make the selection. Letters are
140spoken in a female voice while moving along the selected circle;
141lifting up the finger speaks the selected letter in a male voice.
142</p>
143<p>
144Notice that conceptually, we have defined a fairly simple mapping
145from strokes to letters of the alphabet!
146</p></div>
147
148</div>
149
150<div id="outline-container-1.3" class="outline-3">
151<h3 id="sec-1.3">1.3 Skimming  The Contact List</h3>
152<div id="text-1.3">
153
154
155<p>
156So to cut a long story short, you <i>dont need to</i> scroll through
157the contact list. To quickly jump to a contact, use the technique
158described above to input the first letter from the contact's name
159&mdash; the aplication jumps to contacts starting with that
160letter. At that point, you can either scroll, or enter additional
161letters to further filter the contact list.
162</p>
163
164</div>
165
166</div>
167
168<div id="outline-container-1.4" class="outline-3">
169<h3 id="sec-1.4">1.4 Examples Of Using Strokes For Letters</h3>
170<div id="text-1.4">
171
172
173
174<p>
175Notice from the mapping shown earlier that we can <i>enter</i> each
176circle either at the <u>top</u> or <u>bottom</u>. Thus, entering the red
177circle at the <u>top</u> gets to <u>A</u>, while entering it at the
178<u>bottom</u> gets us to <u>E</u>. This means that the <u>8</u> letters on any
179given circle are no more than <u>3</u> steps away &mdash; for example, to
180enter <u>C</u>, one needs to trace clockwise from <u>A</u>, or
181counter-clockwise from <u>E</u>. As an example, <u>H</u> is only <u>1</u> step
182from <u>A</u> on the red circle. similarly, <u>P</u> is only <u>1</u> step from
183<u>I</u> on the blue circle.
184</p>
185</div>
186</div>
187</div>
188<div id="postamble"><p class="author"> Author: T.V Raman
189<a href="mailto:raman@google.com">&lt;raman@google.com&gt;</a>
190</p>
191<p class="date"> Date: 2009-03-30 Mon</p>
192<p>HTML generated by org-mode 6.08c in emacs 23</p>
193</div></body>
194</html>