/documentation/talks/vistacenter_5-22-2010/vista_center_5-22-2010.html
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 © 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 <<a href="mailto:clchen@google.com">clchen@google.com</a>></p> 71 <p>TV Raman, 72 <<a href="mailto:raman@google.com">raman@google.com</a>></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 & 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 & 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>