Changes

Jump to navigation Jump to search
no edit summary
Line 48: Line 48:  
<p>The UI of the app has to be consistent with the XO, below is a mockup of the design of the application I intend to develop this summer.</p>
 
<p>The UI of the app has to be consistent with the XO, below is a mockup of the design of the application I intend to develop this summer.</p>
 
             http://s28.postimg.org/ttbwdosp9/dom.jpg
 
             http://s28.postimg.org/ttbwdosp9/dom.jpg
            <p> As you can see, I intend to divide the screen into halves.
+
<p> As you can see, I intend to divide the screen into halves.
 
                 <br>OOn the left side the user can enter the code she desires. She can copy paste any code here, and can also use the builtin stepover button to go through her code line wise. This will be of great help as the student can actually see the whole program working sequentially right infront of her. The pink line in the design mockup will show the line at which program is at.
 
                 <br>OOn the left side the user can enter the code she desires. She can copy paste any code here, and can also use the builtin stepover button to go through her code line wise. This will be of great help as the student can actually see the whole program working sequentially right infront of her. The pink line in the design mockup will show the line at which program is at.
 
               <br>  On the right half of the screen, lie three interesting things
 
               <br>  On the right half of the screen, lie three interesting things
Line 65: Line 65:  
             http://s8.postimg.org/vvslkrbg5/help.jpg
 
             http://s8.postimg.org/vvslkrbg5/help.jpg
 
<p><b>Help:</b> As I mentioned earlier to aid the learning of javascript, the user can opt to go through basic tasks. As shown in the design, the user is shown what she has to do in this task and upon completion can move to the next advanced task. The help button will also fascilitate as guide to interface, just like its done in the web version of turtle . https://turtle.sugarlabs.org.</p>
 
<p><b>Help:</b> As I mentioned earlier to aid the learning of javascript, the user can opt to go through basic tasks. As shown in the design, the user is shown what she has to do in this task and upon completion can move to the next advanced task. The help button will also fascilitate as guide to interface, just like its done in the web version of turtle . https://turtle.sugarlabs.org.</p>
Export: The code created by the student shouldn't be just limited to this platform. This app should allow a seemless and intuitive way to export the project to various other activities.
+
'''Export''': The code created by the student shouldn't be just limited to this platform. This app should allow a seemless and intuitive way to export the project to various other activities.
    
Export as Jscripty document, in this format a student can save the project for future use for this activity. This allows saving of pending work and would be the default option.
 
Export as Jscripty document, in this format a student can save the project for future use for this activity. This allows saving of pending work and would be the default option.
22

edits

Navigation menu