The code shown in the box labeled "Code to make this slide" 
                    is a copy of all of the code used to create the slide you
                    are viewing, up to an including the "Save & Go Next" button.
                

                    
                        
Welcome to the IOLab Lesson PLayer
                        
                        The lessons are written in html, so as an author you can use any formatting or style sheets you may be used to. Web resources, such as YouTube videos, can also included as shown below: 

                        

                        

                            
                        
                        

                        The "accordion" boxes at the bottom of each slide in this Demo - the ones below the "Save & Go Next" button - are used for additional comments and to show the actual html code used to generate the slide. These would not part of a regular lesson. Note: You can scroll horizontally in these boxes when the text is wider than the page. 
                        


                         
                    
                

                    When a student clicks on the "Save & Go Next" button to 
                    move on to the next slide, the answers to all of their 
                    questions, as well as any data they have acquired on the 
                    current slide, are saved.
                

                    
                        
More html features 
        
                        
                        The player supports MathJax, which means that LaTex equations like this one can easily be included: 
                        


                        

                        You can also include several kinds of questions on any slide. These can be radio button questions: 

                          
                            1) What is the answer to this question (pick one)?   
                             Answer A
                             Answer B
                             Answer C
                        
                    
                        

                        Or check-box button questions: 

                        
                            2) What is the answer to this question (pick one or more)?   
                             Answer A
                             Answer B
                             Answer C
                        
                 
                        

                        Or free response questions: 

                        
                            3) Briefly explain your answer
                        

                         
                    
                

                    This example lesson is designed to illustrate the capabilities
                    of the player. This slide just has a static image and some text. 
                    The code to implement this is shown in the box below. 
                

                    
                        
Lets give it a try
                        
                        The following slides are an example lesson to illustrate some of the capabilities of the lesson player. It is designed to demonstrate the player and is not supposed to be a well thought out physics lesson. Please work through the steps as though you were a student. 

                        


                          
                    
                

                    In this step the wheel displacement chart is shown and 
                    the data acquisition is started for 5 seconds. 
                    (If the dongle is not plugged in or the device is not 
                    turned on, students are reminded to do so .) The code 
                    to implement this is shown in the box below. 
                

                    
                        
 Showing a chart and starting the acquisition 

                         

                        
Roll the device back and forth on its wheels and investigate how this changes the displacement vs time plot shown at the right. Pay particular attention to the sign of the displacement and how this is related to the y-axis direction shown on the device. 

                        
After the acquisition is finished you can use the chart control buttons  to zoom and pan and select regions of any graph for analysis - give this a try. Any zooming and panning and analysis selection that is on the screen when you click the "Save & Go Next" button will be saved.

                        
                            
                            
                            
                            
                        

                        

                          
                    
                

                    In this step the scale of the y-axis is changed and the 
                    direction of the y-axis is reversed. The data acquisition 
                    is run for another 5 seconds. The code to implement this
                    is shown in the box below. 
                

                    
                        
 Changing the direction and scale of a the vertical axis 

                         

                        Notice how the y-axis direction and scale has changed as you keep rolling the device back and forth. 

                        
                            
                            
                            
                            
                        

                        

                          
                    
                

                    The data acquisition is now off, and we are showing both 
                    the displacement and the velocity plots for the data that 
                    was just acquired. The y-axis orientation and scales has 
                    been set back to their defaults. Students are prompted to 
                    select a region of one of their plots as part of an answer 
                    to a question, and the explain their choice. All of this
                    information is saved. The code to implement this
                    is shown in the box below. 
                

                    
                        
 Viewing multiple charts 

                        
Both displacement and velocity are now being displayed. Use the chart control buttons () to zoom and pan and select regions of any graph for analysis on either chart and see what happens.

                        
By selecting analysis mode () and using your mouse, select the region of your velocity plot where the acceleration is most positive.

                        

                        
                            Briefly explain your choice: 
                        

                        
                            
                            
                            
                        

                        

                           
                    
                

                    We are now displaying both the displacement measured by the 
                    wheel, and the force measured by the force probe. The recording 
                    interval is set to 5 seconds. In this activity students will 
                    decide when to start recording, and will do this themselves by
                    clicking the "Record" button. Students are also shows how to 
                    remove and acquisition and try again. The code to implement this
                    is shown in the box below. 
                

                    
                        
 Measuring and displaying more than one sensor 

                         
                        
 Configure the device with a spring attached to the force probe as shown. To investigate how the force of the spring depends on its length, click on Record then move your device back and forth for 5 seconds while keeping the other end of the spring fixed. Click on the  [Remove] button if you want to erase your acqusitions and try again. 

                        
                            
                            
                            
                            
                            
                        

                          
                    
                

                    In this slide students are asked to use the Parametric Plot 
                    mode to investigate the relationship between force and 
                    displacement (i.e. Hookes Law). The Video Example shows them 
                    how to do this simple analysis. The code to implement this
                    is shown in the box below. 
                

                    
                        
 Viewing your data using a parametric plot 

                        

                            
                        
                        

                        
 Have a look at the above video, then use the plot select buttons  to switch between regular plot mode  and parametric plot mode . When in parametric plot mode, select the time region of interest by clicking and dragging your mouse on the small chart underneath the parametric plot. Once you highlight a time region, you can drag this region around with your mouse. 

                        
Use the parametric plot to investigate the relationship between the force of the spring and its length using your own data. 

                          
                    
                

                    This slide wraps up the lesson and includes a video that shows how students
                    can add their name and some comments to their lab report. It also shows how 
                    students can share their lab report with their instructor, and how the instructor
                    can view this report. The code to implement this is shown in the box below. 
                

                    
                        
 Thats It ... 
                        
Thank you for checking out this example lesson - I plan to add more slides as time permits.
 

                        
The video linked below will show you how students finishing a lab can share their lab report with their instructor. Try exporting the lab reort you just finished as shown in the video. 

                        
An example lab report, called demo_report.lab is located in the folder IOLab-Workfiles/activities/examples/Demo Lesson. See if you can import this as shown in the video.