Changeset c00c6d8 in orbit for iOS


Ignore:
Timestamp:
08/25/13 23:33:20 (6 years ago)
Author:
Steve Castellotti <sc@…>
Branches:
master, Servo, Tab_Interface, pyramid
Children:
3bf994e
Parents:
5425e1e
Message:

Tutorial:

  • buttons cleaned up for Table of Contents
  • Tips and FAQ section added
Location:
iOS/Orbit
Files:
3 added
11 edited
1 moved

Legend:

Unmodified
Added
Removed
  • iOS/Orbit/orbit.xcodeproj/project.pbxproj

    r48d2410 rc00c6d8  
    6464                52E01A1517C90A1F008151B9 /* tutorial-03-infrared_connected.jpg in Resources */ = {isa = PBXBuildFile; fileRef = 52E01A1217C90A1F008151B9 /* tutorial-03-infrared_connected.jpg */; }; 
    6565                52E01A1717C912E2008151B9 /* tutorial-03-volume_max.jpg in Resources */ = {isa = PBXBuildFile; fileRef = 52E01A1617C912E2008151B9 /* tutorial-03-volume_max.jpg */; }; 
     66                52E01A1917CA60BC008151B9 /* tutorial-03-volume_max-headphones.jpg in Resources */ = {isa = PBXBuildFile; fileRef = 52E01A1817CA60BC008151B9 /* tutorial-03-volume_max-headphones.jpg */; }; 
     67                52E01A1B17CA62A6008151B9 /* step04-2.html in Resources */ = {isa = PBXBuildFile; fileRef = 52E01A1A17CA62A5008151B9 /* step04-2.html */; }; 
     68                52E01A1D17CA6F10008151B9 /* faq.html in Resources */ = {isa = PBXBuildFile; fileRef = 52E01A1C17CA6F10008151B9 /* faq.html */; }; 
    6669                52E3302D17AE9A8B00671D06 /* tutorial-04-headset.jpg in Resources */ = {isa = PBXBuildFile; fileRef = 52E3302117AE9A8B00671D06 /* tutorial-04-headset.jpg */; }; 
    6770                52E3302E17AE9A8B00671D06 /* index.html in Resources */ = {isa = PBXBuildFile; fileRef = 52E3302217AE9A8B00671D06 /* index.html */; }; 
    6871                52E3302F17AE9A8B00671D06 /* step01-1.html in Resources */ = {isa = PBXBuildFile; fileRef = 52E3302317AE9A8B00671D06 /* step01-1.html */; }; 
    69                 52E3303017AE9A8B00671D06 /* step04.html in Resources */ = {isa = PBXBuildFile; fileRef = 52E3302417AE9A8B00671D06 /* step04.html */; }; 
     72                52E3303017AE9A8B00671D06 /* step04-1.html in Resources */ = {isa = PBXBuildFile; fileRef = 52E3302417AE9A8B00671D06 /* step04-1.html */; }; 
    7073                52E3303117AE9A8B00671D06 /* step05-1.html in Resources */ = {isa = PBXBuildFile; fileRef = 52E3302517AE9A8B00671D06 /* step05-1.html */; }; 
    7174                52E3303217AE9A8B00671D06 /* step06-1.html in Resources */ = {isa = PBXBuildFile; fileRef = 52E3302617AE9A8B00671D06 /* step06-1.html */; }; 
     
    246249                52E01A1217C90A1F008151B9 /* tutorial-03-infrared_connected.jpg */ = {isa = PBXFileReference; lastKnownFileType = image.jpeg; path = "tutorial-03-infrared_connected.jpg"; sourceTree = "<group>"; }; 
    247250                52E01A1617C912E2008151B9 /* tutorial-03-volume_max.jpg */ = {isa = PBXFileReference; lastKnownFileType = image.jpeg; path = "tutorial-03-volume_max.jpg"; sourceTree = "<group>"; }; 
     251                52E01A1817CA60BC008151B9 /* tutorial-03-volume_max-headphones.jpg */ = {isa = PBXFileReference; lastKnownFileType = image.jpeg; path = "tutorial-03-volume_max-headphones.jpg"; sourceTree = "<group>"; }; 
     252                52E01A1A17CA62A5008151B9 /* step04-2.html */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.html; name = "step04-2.html"; path = "tutorial/step04-2.html"; sourceTree = "<group>"; }; 
     253                52E01A1C17CA6F10008151B9 /* faq.html */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.html; name = faq.html; path = tutorial/faq.html; sourceTree = "<group>"; }; 
    248254                52E3302117AE9A8B00671D06 /* tutorial-04-headset.jpg */ = {isa = PBXFileReference; lastKnownFileType = image.jpeg; path = "tutorial-04-headset.jpg"; sourceTree = "<group>"; }; 
    249255                52E3302217AE9A8B00671D06 /* index.html */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.html; name = index.html; path = tutorial/index.html; sourceTree = "<group>"; }; 
    250256                52E3302317AE9A8B00671D06 /* step01-1.html */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.html; name = "step01-1.html"; path = "tutorial/step01-1.html"; sourceTree = "<group>"; }; 
    251                 52E3302417AE9A8B00671D06 /* step04.html */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.html; name = step04.html; path = tutorial/step04.html; sourceTree = "<group>"; }; 
     257                52E3302417AE9A8B00671D06 /* step04-1.html */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.html; name = "step04-1.html"; path = "tutorial/step04-1.html"; sourceTree = "<group>"; }; 
    252258                52E3302517AE9A8B00671D06 /* step05-1.html */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.html; name = "step05-1.html"; path = "tutorial/step05-1.html"; sourceTree = "<group>"; }; 
    253259                52E3302617AE9A8B00671D06 /* step06-1.html */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.html; name = "step06-1.html"; path = "tutorial/step06-1.html"; sourceTree = "<group>"; }; 
     
    315321                                52E3305D17AEB4ED00671D06 /* step02-2.html */, 
    316322                                52E3302A17AE9A8B00671D06 /* step03.html */, 
    317                                 52E3302417AE9A8B00671D06 /* step04.html */, 
     323                                52E3302417AE9A8B00671D06 /* step04-1.html */, 
     324                                52E01A1A17CA62A5008151B9 /* step04-2.html */, 
    318325                                52E3302517AE9A8B00671D06 /* step05-1.html */, 
    319326                                52E3305117AEA7A600671D06 /* step05-2.html */, 
     
    328335                                52E3302917AE9A8B00671D06 /* step09.html */, 
    329336                                52E3302B17AE9A8B00671D06 /* step10.html */, 
     337                                52E01A1C17CA6F10008151B9 /* faq.html */, 
    330338                                5296E9A317C46E510044FCF6 /* frame.html */, 
    331339                                52E3302C17AE9A8B00671D06 /* style.css */, 
     
    542550                                52E01A1217C90A1F008151B9 /* tutorial-03-infrared_connected.jpg */, 
    543551                                52E01A1617C912E2008151B9 /* tutorial-03-volume_max.jpg */, 
     552                                52E01A1817CA60BC008151B9 /* tutorial-03-volume_max-headphones.jpg */, 
    544553                                52E3302117AE9A8B00671D06 /* tutorial-04-headset.jpg */, 
    545554                                52E3304F17AEA5FC00671D06 /* tutorial-05-1-bluetooth_pairing.png */, 
     
    641650                                52E3302E17AE9A8B00671D06 /* index.html in Resources */, 
    642651                                52E3302F17AE9A8B00671D06 /* step01-1.html in Resources */, 
    643                                 52E3303017AE9A8B00671D06 /* step04.html in Resources */, 
     652                                52E3303017AE9A8B00671D06 /* step04-1.html in Resources */, 
    644653                                52E3303117AE9A8B00671D06 /* step05-1.html in Resources */, 
    645654                                52E3303217AE9A8B00671D06 /* step06-1.html in Resources */, 
     
    684693                                52E01A1517C90A1F008151B9 /* tutorial-03-infrared_connected.jpg in Resources */, 
    685694                                52E01A1717C912E2008151B9 /* tutorial-03-volume_max.jpg in Resources */, 
     695                                52E01A1917CA60BC008151B9 /* tutorial-03-volume_max-headphones.jpg in Resources */, 
     696                                52E01A1B17CA62A6008151B9 /* step04-2.html in Resources */, 
     697                                52E01A1D17CA6F10008151B9 /* faq.html in Resources */, 
    686698                        ); 
    687699                        runOnlyForDeploymentPostprocessing = 0; 
  • iOS/Orbit/tutorial/contents.html

    r5425e1e rc00c6d8  
    1212         <h2>Table of Contents</h2> 
    1313          
     14          
     15         <!-- 
    1416         <table class='table'> 
    1517            <tbody> 
    1618               <tr> 
    1719                  <td> 
    18                      <a class='button left' onclick="parent.changePage('step01-1.html');">1. Orbit</a> 
     20                     <a class='chapter' onclick="parent.changePage('step01-1.html');">1. Orbit</a> 
    1921                  </td> 
    2022                  <td> 
    21                      <a class='button left' onclick="parent.changePage('step06-1.html');">6. Fitting</a> 
     23                     <a class='chapter' onclick="parent.changePage('step06-1.html');">6. Fitting</a> 
    2224                  </td> 
    2325               </tr> 
    2426               <tr> 
    2527                  <td> 
    26                      <a class='button left' onclick="parent.changePage('step02-1.html');">2. Charging</a> 
     28                     <a class='chapter' onclick="parent.changePage('step02-1.html');">2. Charging</a> 
    2729                  </td> 
    2830                  <td> 
    29                      <a class='button left' onclick="parent.changePage('step07.html');">7. Signal</a> 
     31                     <a class='chapter' onclick="parent.changePage('step07.html');">7. Signal</a> 
    3032                  </td> 
    3133               </tr> 
    3234               <tr> 
    3335                  <td> 
    34                      <a class='button left' onclick="parent.changePage('step03.html');">3. Infrared</a> 
     36                     <a class='chapter' onclick="parent.changePage('step03.html');">3. Infrared</a> 
    3537                  </td> 
    3638                  <td> 
    37                      <a class='button left' onclick="parent.changePage('step08-1.html');">8. Meters</a> 
     39                     <a class='chapter' onclick="parent.changePage('step08-1.html');">8. Meters</a> 
    3840                  </td> 
    3941               </tr> 
    4042               <tr> 
    4143                  <td> 
    42                      <a class='button left' onclick="parent.changePage('step04.html');">4. EEG</a> 
     44                     <a class='chapter' onclick="parent.changePage('step04-1.html');">4. EEG</a> 
    4345                  </td> 
    4446                  <td> 
    45                      <a class='button left' onclick="parent.changePage('step09.html');">9. Flight</a> 
     47                     <a class='chapter' onclick="parent.changePage('step09.html');">9. Flight</a> 
    4648                  </td> 
    4749               </tr> 
    4850               <tr> 
    4951                  <td> 
    50                      <a class='button left' onclick="parent.changePage('step05-1.html');">5. Bluetooth</a> 
     52                     <a class='chapter' onclick="parent.changePage('step05-1.html');">5. Bluetooth</a> 
    5153                  </td> 
    5254                  <td> 
    53                      <a class='button left' onclick="parent.changePage('step10.html');">10. FAQ</a> 
     55                     <a class='chapter' onclick="parent.changePage('step10.html');">10. Tips</a> 
    5456                  </td> 
    5557               </tr> 
     
    6163            </tbody> 
    6264         </table> 
     65         --> 
     66          
     67          
     68          
     69         <a class='chapter left' onclick="parent.changePage('step01-1.html');">1. Orbit</a> 
     70         <a class='chapter right' onclick="parent.changePage('step02-1.html');">2. Charging</a> 
     71          
     72         <div style='spacer'>&nbsp;</div><div style='spacer'>&nbsp;</div> 
     73          
     74         <a class='chapter left' onclick="parent.changePage('step03.html');">3. Infrared</a> 
     75         <a class='chapter right' onclick="parent.changePage('step04-1.html');">4. EEG</a> 
     76          
     77         <div style='spacer'>&nbsp;</div><div style='spacer'>&nbsp;</div> 
     78          
     79         <a class='chapter left' onclick="parent.changePage('step05-1.html');">5. Bluetooth</a> 
     80         <a class='chapter right' onclick="parent.changePage('step06-1.html');">6. Fitting</a> 
     81          
     82         <div style='spacer'>&nbsp;</div><div style='spacer'>&nbsp;</div> 
     83          
     84         <a class='chapter left' onclick="parent.changePage('step07.html');">7. Signal</a> 
     85         <a class='chapter right' onclick="parent.changePage('step08-1.html');">8. Meters</a> 
     86 
     87         <div style='spacer'>&nbsp;</div><div style='spacer'>&nbsp;</div> 
     88          
     89         <a class='chapter left' onclick="parent.changePage('step09.html');">9. Flight</a> 
     90         <a class='chapter right' onclick="parent.changePage('step10.html');">10. Tips</a> 
     91          
     92          
     93          
    6394         <a class='prev button' onclick="parent.changePage('index.html');">&nbsp;&nbsp; &larr; &nbsp;&nbsp;</a> 
    6495         <a class='next button' onclick="parent.changePage('step01-1.html');">&nbsp;&nbsp; &rarr; &nbsp;&nbsp;</a> 
  • iOS/Orbit/tutorial/frame.html

    r6d0d67b rc00c6d8  
    22<head> 
    33 
    4 <style> 
    5 body,html,iframe { width: 100%; height: 100%; margin: 0; border: 0; } 
     4   <style> 
     5      body,html,iframe { width: 100%; height: 100%; margin: 0; border: 0; } 
    66 
    7 #mainframe.normal 
    8 { 
    9     opacity: 1.0; 
    10 } 
    11 #mainframe.faded 
    12 { 
    13     opacity: 0.0; 
    14 } 
    15 #mainframe 
    16 { 
    17         /* Firefox */ 
    18         -moz-transition-property: opacity; 
    19         -moz-transition-duration: 0.5s; 
    20         /* WebKit */ 
    21         -webkit-transition-property: opacity; 
    22         -webkit-transition-duration: 0.5s; 
    23         /* Standard */ 
    24         transition-property: opacity; 
    25         transition-duration: 0.5s; 
    26 } 
     7      #mainframe.normal 
     8      { 
     9          opacity: 1.0; 
     10      } 
     11      #mainframe.faded 
     12      { 
     13          opacity: 0.0; 
     14      } 
     15      #mainframe 
     16      { 
     17              /* Firefox */ 
     18              -moz-transition-property: opacity; 
     19              -moz-transition-duration: 0.5s; 
     20              /* WebKit */ 
     21              -webkit-transition-property: opacity; 
     22              -webkit-transition-duration: 0.5s; 
     23              /* Standard */ 
     24              transition-property: opacity; 
     25              transition-duration: 0.5s; 
     26      } 
     27   </style> 
    2728 
    28 </style> 
     29   <script language="javascript"> 
    2930 
    30 <script language="javascript"> 
    31  
    32    function changePage(url) 
    33    { 
    34       document.getElementById('mainframe').className="faded"; 
    35       setTimeout(function() 
    36       { 
    37          document.getElementById('mainframe').src=url; 
    38          document.getElementById('mainframe').className="normal"; 
    39       }, (0.5 * 1000)); 
    40    } 
    41 </script> 
     31      function changePage(url) { 
     32          
     33         document.getElementById('mainframe').className="faded"; 
     34          
     35         setTimeout(function() { 
     36            document.getElementById('mainframe').src=url; 
     37            document.getElementById('mainframe').className="normal"; 
     38         }, (0.5 * 1000)); 
     39          
     40      } 
     41       
     42   </script> 
     43    
    4244</head> 
    4345 
    44       <body style="background-color:white;"> 
    45 <iframe id="mainframe" class="normal" src="index.html"></iframe> 
     46<body style="background-color:white;"> 
     47    
     48   <iframe id="mainframe" class="normal" src="index.html"></iframe> 
     49 
    4650</body> 
    4751 
  • iOS/Orbit/tutorial/step01-2.html

    r5425e1e rc00c6d8  
    1313 
    1414      <ul> 
    15          <li>The Puzzlebox Orbit helicopter is designed to be flown indoors</li> 
     15         <li>The Puzzlebox Orbit helicopter is designed to be operated based on measurements of your brainwaves</li> 
     16         <li>The Orbit receives control commands transmitted through pulses of infrared light</li> 
     17         <li>While Orbit itself can fly in any direction, it can not yet be steered through brainwaves alone using this software</li> 
    1618      </ul> 
    1719       
  • iOS/Orbit/tutorial/step03.html

    r5425e1e rc00c6d8  
    1919                     <img src="tutorial-03-connecting_infrared.jpg" height="80"> 
    2020                     <img src="tutorial-03-infrared_connected.jpg" height="80"> 
    21                      <img src="tutorial-03-volume_max.jpg" height="80"> 
     21                     <img src="tutorial-03-volume_max-headphones.jpg" height="80"> 
    2222                  </center> 
    2323               </td> 
     
    3737      <a class='prev button' onclick="parent.changePage('step02-2.html');">&nbsp;&nbsp; &larr; &nbsp;&nbsp;</a> 
    3838      <a class='contents button' onclick="parent.changePage('contents.html');">&nbsp;&nbsp; &uarr; &nbsp;&nbsp;</a> 
    39       <a class='next button' onclick="parent.changePage('step04.html');">&nbsp;&nbsp; &rarr; &nbsp;&nbsp;</a> 
     39      <a class='next button' onclick="parent.changePage('step04-1.html');">&nbsp;&nbsp; &rarr; &nbsp;&nbsp;</a> 
    4040       
    4141   </body> 
  • iOS/Orbit/tutorial/step04-1.html

    r5425e1e rc00c6d8  
    1818      <a class='prev button' onclick="parent.changePage('step03.html');">&nbsp;&nbsp; &larr; &nbsp;&nbsp;</a> 
    1919      <a class='contents button' onclick="parent.changePage('contents.html');">&nbsp;&nbsp; &uarr; &nbsp;&nbsp;</a> 
    20       <a class='next button' onclick="parent.changePage('step05-1.html');">&nbsp;&nbsp; &rarr; &nbsp;&nbsp;</a> 
     20      <a class='next button' onclick="parent.changePage('step04-2.html');">&nbsp;&nbsp; &rarr; &nbsp;&nbsp;</a> 
    2121 
    2222   </body> 
  • iOS/Orbit/tutorial/step05-1.html

    r5425e1e rc00c6d8  
    1818      </ul> 
    1919 
    20       <a class='prev button' onclick="parent.changePage('step04.html');">&nbsp;&nbsp; &larr; &nbsp;&nbsp;</a> 
     20      <a class='prev button' onclick="parent.changePage('step04-2.html');">&nbsp;&nbsp; &larr; &nbsp;&nbsp;</a> 
    2121      <a class='contents button' onclick="parent.changePage('contents.html');">&nbsp;&nbsp; &uarr; &nbsp;&nbsp;</a> 
    2222      <a class='next button' onclick="parent.changePage('step05-2.html');">&nbsp;&nbsp; &rarr; &nbsp;&nbsp;</a> 
  • iOS/Orbit/tutorial/step06-1.html

    r5425e1e rc00c6d8  
    77   </head> 
    88   <body> 
    9        
    10       <!-- 
    11        <center> 
    12        <h2>Putting on the Headset</h2> 
    13        </center> 
    14        --> 
    159       
    1610      <center> 
  • iOS/Orbit/tutorial/step07.html

    r5425e1e rc00c6d8  
    1616      </center> 
    1717 
    18       <a class='prev button' onclick="parent.changePage('step06-3.html');">&nbsp;&nbsp; &larr; &nbsp;&nbsp;</a> 
     18      <a class='prev button' onclick="parent.changePage('step06-2.html');">&nbsp;&nbsp; &larr; &nbsp;&nbsp;</a> 
    1919      <a class='contents button' onclick="parent.changePage('contents.html');">&nbsp;&nbsp; &uarr; &nbsp;&nbsp;</a> 
    2020      <a class='next button' onclick="parent.changePage('step08-1.html');">&nbsp;&nbsp; &rarr; &nbsp;&nbsp;</a> 
  • iOS/Orbit/tutorial/step10.html

    r5425e1e rc00c6d8  
    99       
    1010      <center> 
    11          <h2>Frequently Asked Questions</h2> 
     11         <h2>Tips</h2> 
    1212      </center> 
    1313       
    14       Can the Orbit be flown outdoors? 
    1514      <ul> 
    16          <li>The Puzzlebox Orbit helicopter is designed to be flown indoors only</li> 
    17          <li>The material is very light and even slight winds will affect flight</li> 
    18          <li>The sun produces infrared light, which can interfere with the control signal</li> 
     15         <li>In the event of a crash or if the propellers make contact with some object the Orbit will enter "safety model" and shut down 
     16      <!-- 
    1917      </ul> 
    20        
     18      <ul> 
     19      --> 
     20             
     21         <li>The Orbit will need to be power cycled (turned off and back on) whenever it enters "safety mode"</li> 
     22             
     23       </ul> 
     24       <ul> 
     25 
     26         <li>Power off the Orbit until ready to fly</li> 
     27         <li>After 15 seconds, if no control signal is received, the Orbit will enter "safety mode" to preserve battery life</li> 
     28      </ul> 
     29            
    2130      <a class='prev button' onclick="parent.changePage('step09.html');">&nbsp;&nbsp; &larr; &nbsp;&nbsp;</a> 
    2231      <a class='contents button' onclick="parent.changePage('contents.html');">&nbsp;&nbsp; &uarr; &nbsp;&nbsp;</a> 
    23       <a class='next button' onclick="parent.changePage('index.html');">&nbsp;&nbsp; &crarr; &nbsp;&nbsp;</a> 
     32      <a class='next button' onclick="parent.changePage('faq.html');">&nbsp;&nbsp; &rarr; &nbsp;&nbsp;</a> 
    2433       
    2534   </body> 
  • iOS/Orbit/tutorial/style.css

    r5425e1e rc00c6d8  
    77    text-decoration: none; 
    88    -webkit-border-radius: 5px; 
     9} 
     10 
     11.chapter { 
     12 
     13    width: 136px; 
     14 
     15    border: solid black 1px; 
     16    padding: 2px 5px; 
     17    font-size: 1.6em; 
     18    color: #000; 
     19    font-weight: bold; 
     20    text-decoration: none; 
     21    -webkit-border-radius: 5px; 
     22} 
     23 
     24.spacer { 
    925} 
    1026 
     
    4965    border: 0px; 
    5066} 
    51  
    52  
Note: See TracChangeset for help on using the changeset viewer.