PageRenderTime 28ms CodeModel.GetById 17ms RepoModel.GetById 0ms app.codeStats 0ms

/ideal/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
Possible License(s): GPL-3.0, Apache-2.0 
    

  1. <html>

    2. 

  2.   <head>

    3. 

  3.     <title>Press P to proceed through this tutorial on Web Access.</title>

    4. 

  4.   </head>

    5. 

  5.   <body>

    6. 

  6. 

    7. 

  7. <h1>Introduction</h1>

    8. 

  8. <p>

    9. 

  9. <span>

    10. 

  10. IDEAL Group, in partnership with Raising the Floor, is pleased to present the Web Access application for Android. 

    11. 

  11. </span>

    12. 

  12. <span>

    13. 

  13. This tutorial will explain how you can use Web Access to surf the net with your Android device.

    14. 

  14. </span>

    15. 

  15. </p>

    16. 

  16. 

    17. 

  17. <h1>Usage</h1>

    18. 

  18. <p>

    19. 

  19. <span>

    20. 

  20. The controls for this tutorial are simple. 

    21. 

  21. </span>

    22. 

  22. <span>

    23. 

  23. Press P to proceed. 

    24. 

  24. </span>

    25. 

  25. <span>

    26. 

  26. Press Q to go backwards. 

    27. 

  27. </span>

    28. 

  28. <span>

    29. 

  29. Press Space to interact with the current item. 

    30. 

  30. </span>

    31. 

  31. <span>

    32. 

  32. By 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. 

  33. </span>

    34. 

  34. <span>

    35. 

  35. This tutorial is able to take advantage of Web Access because it includes one extra JavaScript tag that is triggering the Web Access functionality.

    36. 

  36. </span>

    37. 

  37. </p>

    38. 

  38. 

    39. 

  39. 

    40. 

  40. <h1>Setting up Web Access to work with your browser</h1>

    41. 

  41. <p>

    42. 

  42. <span>

    43. 

  43. Most pages on the web do not include the one special bit of JavaScript needed to enable Web Access. 

    44. 

  44. </span>

    45. 

  45. <span>

    46. 

  46. Here are two easy ways for you to add that JavaScript tag yourself.

    47. 

  47. </span>

    48. 

  48. </p>

    49. 

  49. <p>

    50. 

  50. <span>

    51. 

  51. One: You can use the Web Access bookmarklet from inside the standard Android Browser.  

    52. 

  52. </span>

    53. 

  53. <span>

    54. 

  54. <ul>

    55. 

  55. <li>Start the Browser</li>

    56. 

  56. <li>"Menu", then "Bookmarks"</li>

    57. 

  57. <li>Go to the "Most visited" tab and you should find "IDEAL Web Access" as the top item in that list.</li>

    58. 

  58. <li>Click on "IDEAL Web Access".</li>

    59. 

  59. </ul>

    60. 

  60. </span>

    61. 

  61. <span>

    62. 

  62. At 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. 

  63. </span>

    64. 

  64. <span>

    65. 

  65. This gives you access to the standard Browser. However, you will have to run the bookmarklet on each page that you visit. 

    66. 

  66. </span>

    67. 

  67. <span>

    68. 

  68. If you would like the bookmarklet to automatically run on each page, we urge you to use the next method.

    69. 

  69. </span>

    70. 

  70. </p>

    71. 

  71. 

    72. 

  72. <p>

    73. 

  73. <span>

    74. 

  74. Two: You can use a browser like OilCan or WebVox to automatically run the bookmarklet each time. 

    75. 

  75. </span>

    76. 

  76. <span>

    77. 

  77. OilCan 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. 

  78. </span>

    79. 

  79. <span>

    80. 

  80. WebVox 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. 

  81. </span>

    82. 

  82. <span>

    83. 

  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. 

  84. </span>

    85. 

  85. <span>

    86. 

  86. After 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. 

  87. </span>

    88. 

  88. <span>

    89. 

  89. We 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. 

  90. </span>

    91. 

  91. </p>

    92. 

  92. 

    93. 

  93. 

    94. 

  94. 

    95. 

  95. <h1>Tips</h1>

    96. 

  96. <p>

    97. 

  97. <span>

    98. 

  98. We 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. 

  99. </span>

    100. 

  100. <ul>

    101. 

  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. 

  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. 

  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. 

  104. </ul>

    105. 

  105. </p>

    106. 

  106. 

    107. 

  107. 

    108. 

  108. <h1>Credits</h1>

    109. 

  109. <p>

    110. 

  110. <span>

    111. 

  111. We 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. 

  112. </span>

    113. 

  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. 

  114. </span>

    115. 

  115. </p>

    116. 

  116. 

    117. 

  117. <script>

    118. 

  118. function loadScript(){

    119. 

  119.   var scriptNode = document.createElement("script");

    120. 

  120.   scriptNode.src = "content://com.ideal.webaccess.localjs/ideal-webaccess.user.js";

    121. 

  121.   document.body.appendChild(scriptNode);

    122. 

  122. }

    123. 

  123. window.setTimeout(loadScript, 1000);

    124. 

  124. </script>

    125. 

  125. </body>

    126. 

  126. 

    127. 

  127. 

    128. 

  128. </html>

    129. 

  129.