PageRenderTime 31ms CodeModel.GetById 24ms app.highlight 4ms RepoModel.GetById 1ms app.codeStats 0ms

/documentation/talks/vistacenter_5-22-2010/vista_center_5-22-2010.html

http://eyes-free.googlecode.com/
HTML | 313 lines | 255 code | 54 blank | 4 comment | 0 complexity | de2a6e212bbd6e83c5941eefb205eef2 MD5 | raw file
  1<?xml version="1.0" encoding="utf-8"?>
  2<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  3    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  4
  5<html xmlns="http://www.w3.org/1999/xhtml"
  6      xml:lang="en"
  7      lang="en">
  8<head>
  9    <title>Eyes-Free Project for Android</title>
 10    <meta http-equiv="Content-Type"
 11          content="text/html; charset=us-ascii" />
 12    <meta name="copyright"
 13          content="Copyright &copy; 2010 Google" />
 14    <meta name="font-size-adjustment"
 15          content="-1" />
 16    <link rel="stylesheet"
 17          href="w3c-blue2.css"
 18          type="text/css"
 19          media="screen, projection, print" />
 20    <script src="slidy.js"
 21          type="text/javascript">
 22    </script>
 23</head>
 24
 25<body>
 26    <!-- this defines the slide background -->
 27
 28    <div class="background">
 29        <div class="header">
 30            <!-- sized and colored via CSS -->
 31            </div>
 32            <!-- hidden style graphics to ensure they are saved with other content -->
 33        <img class="hidden"
 34             src="bullet.png"
 35             alt="" /> <img class="hidden"
 36             src="fold.bmp"
 37             alt="" /> <img class="hidden"
 38             src="unfold.bmp"
 39             alt="" /> <img class="hidden"
 40             src="fold-dim.bmp"
 41             alt="" /> <img class="hidden"
 42             src="nofold-dim.bmp"
 43             alt="" /> <img class="hidden"
 44             src="unfold-dim.bmp"
 45             alt="" /> <img class="hidden"
 46             src="bullet-fold.gif"
 47             alt="" /> <img class="hidden"
 48             src="bullet-unfold.gif"
 49             alt="" /> <img class="hidden"
 50             src="bullet-fold-dim.gif"
 51             alt="" /> <img class="hidden"
 52             src="bullet-nofold-dim.gif"
 53             alt="" /> <img class="hidden"
 54             src="bullet-unfold-dim.gif"
 55             alt="" /> 
 56
 57        <div class="footer">
 58            <!-- modify the following text as appropriate -->
 59            Eyes-Free Project for Android<br />
 60            May 2010
 61        </div>
 62    </div>
 63
 64    <div class="slide cover"
 65         style="background-color: white">
 66        <div class="header">
 67            <h1>Eyes-Free Project for Android</h1>
 68
 69            <p>Charles L. Chen,
 70            &lt;<a href="mailto:clchen@google.com">clchen@google.com</a>&gt;</p>
 71            <p>TV Raman,
 72            &lt;<a href="mailto:raman@google.com">raman@google.com</a>&gt;</p>
 73        </div><br />
 74        <br />
 75        <br />
 76        <br />
 77        <br />
 78        <br />
 79        <br />
 80        <br />
 81        <br />
 82        <br />
 83         <img style="display: block; margin-left: auto; margin-right: auto"
 84             src="braille_logo.png"
 85             alt="The Google logo in Braille." />
 86    </div>
 87
 88    <div class="slide">
 89        <h1>Overview</h1>
 90
 91        <ul>
 92            <li>Introduction</li>
 93
 94            <li>TalkBack</li>
 95
 96            <li>Eyes-Free Applications</li>
 97
 98            <li>Conclusion</li>
 99
100            <li>Q &amp; A</li>
101        </ul>
102    </div>
103
104    <div class="slide">
105        <h1>Introduction: Android</h1>
106        <ul>
107            <li>Super phone with many senses
108            </li>
109
110            <li>Open platform
111            </li>
112
113            <li>Wealth of hardware choices
114            </li>
115        </ul>
116    </div>
117
118    <div class="slide">
119        <h1>Introduction: Eyes-Free Project</h1>
120        <ul>
121            <li>Goal: "Creating applications for Android that help change people's lives."
122            </li>
123
124            <li>Access for Android applications
125            </li>
126
127            <li>Efficient access for eyes-free usage
128            </li>
129        </ul>
130    </div>
131
132    <div class="slide">
133        <h1>TalkBack</h1>
134        <ul>
135            <li>Android screen reader built on the Android Accessibility Framework
136            </li>
137
138            <li>Provides spoken feedback for Android's built-in widgets
139            </li>
140
141            <li>Free and open source
142            </li>
143        </ul>
144    </div>
145
146    <div class="slide">
147        <h1>TalkBack</h1>
148        <ul>
149            <li>Phonebook
150            </li>
151
152            <li>Chat
153            </li>
154
155            <li>YouTube
156            </li>
157
158            <li>Stitcher
159            </li>
160        </ul>
161    </div>
162
163    <div class="slide">
164        <h1>TalkBack</h1>
165        <ul>
166            <li>SoundBack: Non-speech auditory cues
167            </li>
168
169            <li>KickBack: Haptic feedback
170            </li>
171
172            <li>Spiel: Independent 3rd party screen reader built using the same framework
173            </li>
174        </ul>
175    </div>
176
177    <div class="slide">
178        <h1>Eyes-Free Applications</h1>
179        <ul>
180            <li>Applications optimized for eyes-free usage
181            </li>
182
183            <li>Compass, Dialer, Shell, Rock Lock
184            </li>
185        </ul>
186    </div>
187
188    <div class="slide">
189        <h1>Talking Compass</h1>
190        <ul>
191            <li>Inspired by a real life use-case
192            </li>
193
194            <li>One of our first Eyes-Free Android apps
195            </li>
196
197            <li>Simple app that speaks the current heading
198            </li>
199        </ul>
200    </div>
201
202    <div class="slide">
203        <h1>Talking Dialer</h1>
204        <ul>
205            <li>Why are touch screens seen as a problem?
206            </li>
207
208            <li>Make the buttons find the user
209            </li>
210
211            <li>Stroke to dial + haptic feedback
212            </li>
213        </ul>
214    </div>
215
216    <div class="slide">
217        <h1>Talking Dialer</h1>
218        <ul>
219            <li>Contacts
220            </li>
221
222            <li>Extend circle dialer concept to letters
223            </li>
224
225            <li>Virtual d-pad
226            </li>
227        </ul>
228    </div>
229
230    <div class="slide">
231        <h1>Eyes-Free Shell</h1>
232        <ul>
233            <li>Alternative home screen
234            </li>
235
236            <li>Uses the same circle dialer concept
237            </li>
238
239            <li>Quick access for common actions
240            </li>
241        </ul>
242    </div>
243
244    <div class="slide">
245        <h1>Eyes-Free Shell</h1>
246        <ul>
247            <li>Voice search with spoken feedback
248            </li>
249
250            <li>User definable shortcuts
251            </li>
252
253            <li>Find and launch apps using the circle dialer with letters
254            </li>
255        </ul>
256    </div>
257
258    <div class="slide">
259        <h1>Rock Lock Music Player</h1>
260        <ul>
261            <li>Fast, efficient eyes-free access to your audio content
262            </li>
263
264            <li>Using the circle dialer for player controls
265            </li>
266        </ul>
267    </div>
268
269    <div class="slide">
270        <h1>Conclusion</h1>
271        <ul>
272            <li>Access+ Efficient Task Completion
273            </li>
274
275            <li>Take advantage of the super phone's many senses
276            </li>
277
278            <li>Empowering developers with an open platform and APIs
279            </li>
280        </ul>
281    </div>
282    
283    <div class="slide cover"
284         style="background-color: white">
285        <div class="header">
286            <h1>Q &amp; A</h1>
287        </div><br />
288        <br />
289        <br />
290        <br />
291        <br />
292        <br />
293        <br />
294         <img style="display: block; margin-left: auto; margin-right: auto"
295             src="hubbell_plane.jpg"
296             alt="Hubbell Labrador flying a plane." />
297    </div>    
298
299    <div class="slide">
300        <h1>Resources</h1>
301        <ul>
302            <li>http://eyes-free.googlecode.com
303            </li>
304
305            <li>http://www.youtube.com/user/EyesFreeAndroid
306            </li>
307
308            <li>https://groups.google.com/group/eyes-free
309            </li>
310        </ul>
311    </div>
312</body>
313</html>