PageRenderTime 30ms CodeModel.GetById 21ms app.highlight 5ms RepoModel.GetById 1ms app.codeStats 1ms

/WebAccess/res/raw/tutorial.html

http://eyes-free.googlecode.com/
HTML | 128 lines | 115 code | 13 blank | 0 comment | 0 complexity | 415a61f3830b59ae555dee03d6ebd856 MD5 | raw file
  1<html>
  2  <head>
  3    <title>Press P to proceed through this tutorial on Web Access.</title>
  4  </head>
  5  <body>
  6
  7<h1>Introduction</h1>
  8<p>
  9<span>
 10IDEAL Group, in partnership with Raising the Floor, is pleased to present the Web Access application for Android. 
 11</span>
 12<span>
 13This tutorial will explain how you can use Web Access to surf the net with your Android device.
 14</span>
 15</p>
 16
 17<h1>Usage</h1>
 18<p>
 19<span>
 20The controls for this tutorial are simple. 
 21</span>
 22<span>
 23Press P to proceed. 
 24</span>
 25<span>
 26Press Q to go backwards. 
 27</span>
 28<span>
 29Press Space to interact with the current item. 
 30</span>
 31<span>
 32By the way, in case you did not realize it yet, you have already begun using Web Access to browse HTML documents. This entire tutorial is nothing more than a web page being displayed inside an Android application. 
 33</span>
 34<span>
 35This tutorial is able to take advantage of Web Access because it includes one extra JavaScript tag that is triggering the Web Access functionality.
 36</span>
 37</p>
 38
 39
 40<h1>Setting up Web Access to work with your browser</h1>
 41<p>
 42<span>
 43Most pages on the web do not include the one special bit of JavaScript needed to enable Web Access. 
 44</span>
 45<span>
 46Here are two easy ways for you to add that JavaScript tag yourself.
 47</span>
 48</p>
 49<p>
 50<span>
 51One: You can use the Web Access bookmarklet from inside the standard Android Browser.  
 52</span>
 53<span>
 54<ul>
 55<li>Start the Browser</li>
 56<li>"Menu", then "Bookmarks"</li>
 57<li>Go to the "Most visited" tab and you should find "IDEAL Web Access" as the top item in that list.</li>
 58<li>Click on "IDEAL Web Access".</li>
 59</ul>
 60</span>
 61<span>
 62At this point, you will have Web Access running. You can navigate with P and Q, and hit Space to interact with elements on the page.
 63</span>
 64<span>
 65This gives you access to the standard Browser. However, you will have to run the bookmarklet on each page that you visit. 
 66</span>
 67<span>
 68If you would like the bookmarklet to automatically run on each page, we urge you to use the next method.
 69</span>
 70</p>
 71
 72<p>
 73<span>
 74Two: You can use a browser like OilCan or WebVox to automatically run the bookmarklet each time. 
 75</span>
 76<span>
 77OilCan and WebVox are browsers that are based off the same code as the regular Android Browser, except they have the ability to automatically run scripts, much like Greasemonkey on the Desktop. 
 78</span>
 79<span>
 80WebVox comes from Google's Eyes-Free Project. However, unlike the Eyes-Free Project's other apps, WebVox has not been released on Market although it is readily available from the eyes-free code repository. 
 81</span>
 82<span>
 83<a href="http://apps4android.org/web-access/WebVox.apk">To save you the trouble of compiling WebVox for yourself, we have posted a compiled version of WebVox. You can download it by pressing Space now.</a> 
 84</span>
 85<span>
 86After installing WebVox, you will probably be prompted a few times when trying to open various types of web content regarding which application to choose for the task. 
 87</span>
 88<span>
 89We recommend setting WebVox to be the default application; after setting WebVox as the default application for a particular type of content, you will not be prompted again for that same type of content again.
 90</span>
 91</p>
 92
 93
 94
 95<h1>Tips</h1>
 96<p>
 97<span>
 98We have found some quirks in WebVox. Here are some of the common things that you might run into and how to deal with them.
 99</span>
100<ul>
101<li>To type something into an input field, just press Space when you are on the input field and you will hear it switch to "Forms Mode".</li>
102<li>To continue reading after having gone into "Forms Mode", press Shift twice. You should hear it go back into "Browse Mode". If you don't, try scrolling the trackball/d-pad randomly, then press Shift twice again. Note that it is fine to scroll the trackball/d-pad randomly as you will not lose your place since you will be repositioned to where you left off as soon as you go back into "Browse Mode".</li>
103<li>The "Back" button seems a bit too sensitive. We have noticed Web Vox responding to the "Back" button a little too aggressively. For example, backing out of Bookmarks seems to quit the app. This is a WebVox quirk and is outside of our control. If you accidentally back out of Web Vox, going back immediately seems to retain your place.</li>
104</ul>
105</p>
106
107
108<h1>Credits</h1>
109<p>
110<span>
111We would like to thank <a href="http://raisingthefloor.net">Raising the Floor</a> for partnering with us to deliver this open source application, and Google (especially the <a href="http://eyes-free.googlecode.com">Eyes-Free Team</a>) for creating an outstanding smartphone platform with great accessibility features. 
112</span>
113<span>We would also like to give special thanks to Charles L. Chen, whose <a href="http://firevox.clcworld.net">Fire Vox</a> work was heavily referenced and copied by our developers in writing the JavaScript portion of Web Access.
114</span>
115</p>
116
117<script>
118function loadScript(){
119  var scriptNode = document.createElement("script");
120  scriptNode.src = "content://com.ideal.webaccess.localjs/ideal-webaccess.user.js";
121  document.body.appendChild(scriptNode);
122}
123window.setTimeout(loadScript, 1000);
124</script>
125</body>
126
127
128</html>