Changes

Jump to navigation Jump to search
no edit summary
Line 24: Line 24:  
         <nowiki>]</nowiki>].Firefox as of yet hasn't implemented pointer events for default touch action regions, this bug required me to create touch action regions, and forward them to composter. The regions were further divided into no_Action_Region, horizontal_Pan_Region and vertical_Pan_region , which had to be processed separately. This bug was quite interesting as it had me working on the components of CSS implementation of the browser.
 
         <nowiki>]</nowiki>].Firefox as of yet hasn't implemented pointer events for default touch action regions, this bug required me to create touch action regions, and forward them to composter. The regions were further divided into no_Action_Region, horizontal_Pan_Region and vertical_Pan_region , which had to be processed separately. This bug was quite interesting as it had me working on the components of CSS implementation of the browser.
 
     </li>
 
     </li>
     <li><b>Use of new xpcshell test cases [https://bugzilla.mozilla.org/show_bug.cgi?id=1022342 [3<nowiki>]</nowiki>]:</b> The use of new globally available xpcshell tests, required change in the code of calendar and lighting app of mozilla suite. In this bug I am upgrading the unit testing code of the suite to follow the change in Assert.jsm. </li>
+
     <li><b>Use of new xpcshell test cases [https://bugzilla.mozilla.org/show_bug.cgi?id=1022342 [3<nowiki>]</nowiki>]:</b> The use of new globally available xpcshell tests, required change in the code of calendar and lighting app of mozilla suite. In this bug I am upgrading the unit testing code of the suite to follow the changes in Assert.jsm. </li>
 
     <li><b>Using getters/setters[https://bugzilla.mozilla.org/show_bug.cgi?id=1116008 [4<nowiki>]</nowiki>] : </b> This was fairly simply bug which required upgradation of existing firefox code to use getters/setters method.
 
     <li><b>Using getters/setters[https://bugzilla.mozilla.org/show_bug.cgi?id=1116008 [4<nowiki>]</nowiki>] : </b> This was fairly simply bug which required upgradation of existing firefox code to use getters/setters method.
 
</ul>
 
</ul>
Line 46: Line 46:  
         <td style="max-width:900px">
 
         <td style="max-width:900px">
 
             <p style="font-weight:600">Application</p>
 
             <p style="font-weight:600">Application</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>
+
<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>On 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
                <br>
+
              <br>
                <br>
+
 
                <b>DOM :</b> I assume the student already knows HTML (thanks to the sister project WEB confusion), showing a beautiful tree will add to the learning experience. As javascript is known for DOM manipulations. When a student will actually see her javascript code appending an element to the DOM tree, she will actually be learning by visuals and visual learning has a very high memory retention. The DOM illustrator will also help when a student has to find a particular element. She can go through the tree and better decide her strategy for tackling the problem.
+
                           
 
             </p>
 
             </p>
 +
<b>DOM :</b> I assume the student already knows HTML (thanks to the sister project WEB confusion), showing a beautiful tree will add to the learning experience. As javascript is known for DOM manipulations. When a student will actually see her javascript code appending an element to the DOM tree, she will actually be learning by visuals and visual learning has a very high memory retention. The DOM illustrator will also help when a student has to find a particular element. She can go through the tree and better decide her strategy for tackling the problem.
 +
           
 
             http://s23.postimg.org/akbk8kybv/html.jpg
 
             http://s23.postimg.org/akbk8kybv/html.jpg
            <p><b>HTML:</b> The student must be able to type in the desired HTML code, for which he plans to add Javasript. In the design above, student is actually solving a problem statement which requires her to append some elements to an already existing ul element. The student would be guided through a help section right at the top in the nav bar. Whenever he she is stuck can see the objectives of the current problem and also get a hint. The simulated problem part is a feature of this application. A student can also work on a blank project.</p>
+
<p><b>HTML:</b> The student must be able to type in the desired HTML code, for which he plans to add Javasript. In the design above, student is actually solving a problem statement which requires her to append some elements to an already existing ul element. The student would be guided through a help section right at the top in the nav bar. Whenever he she is stuck can see the objectives of the current problem and also get a hint. The simulated problem part is a feature of this application. A student can also work on a blank project.</p>
 
             http://s3.postimg.org/cp6curokj/preview.jpg
 
             http://s3.postimg.org/cp6curokj/preview.jpg
            <p><b>Preview:</b> Preview of the HTML code is a basic necessity for learning javascript. The student upon clicking the Preview button will see the live preview of code uptil that moment. In case she makes changes, she will have to click the run button at the top again.
+
<p><b>Preview:</b> Preview of the HTML code is a basic necessity for learning javascript. The student upon clicking the Preview button will see the live preview of code uptil that moment. In case she makes changes, she will have to click the run button at the top again.
 
             </p>
 
             </p>
            <p><b>Console:</b> The console part is very important, as the interactivty we wish to achieve wouldnt be possible without it. The console shown in the mockup, will provide basic outputs like console.log, errors, etc. The user can anytime query any variable just like the console which comes with modern day browsers. </p>
+
<p><b>Console:</b> The console part is very important, as the interactivty we wish to achieve wouldnt be possible without it. The console shown in the mockup, will provide basic outputs like console.log, errors, etc. The user can anytime query any variable just like the console which comes with modern day browsers. </p>
 
             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>
        </td>
+
 
 +
'''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 a sugar web activtiy, this option allows the student to put his creation and convert it into an activity. The default template would be used for web activities as given at https://github.com/sugarlabs/sugar-web-template would be used to package the activity for student and be isntalled on her XO
 +
* Export as a web page, to make her project available across platform, this option will package her project for the web. We can tie up with some sort of webhosting where with one click the students project gets uploaded and the student receives a link to it. It will be of great use as the student can then share the link with any of his friend, family and showcase his work.
 +
'''Loading examples: '''Similar to pippy ''(Sugar activity for python), ''I plan on adding various example to showcase power of Javascript.
 +
 
 +
The list:-
 +
* '''Graphics:'''javascript has a pretty huge library for graphics. Showing students some canvas examples, drawing squares and other shapes would be good way to add interactivity in the app. 
 +
* '''Math''': In this I plan to keep it similar to pippy. The math example over there are pretty good.
 +
* '''Javascript Tutorials''': This section will have all the necessary tutorials a student needs to jump start his javascript coding knowledge.
 +
* '''Algorithms ''': I believe this app should also teach the student implementation of famous algorithms and data structures in Javascript.
 +
</td>
 
     </tr>
 
     </tr>
 
     <tr>
 
     <tr>
Line 177: Line 191:  
</p>
 
</p>
   −
<p>Alsodeveloped my college's annual cultural website ( http://synapse.daiict.ac.in). It was a new thing in my college, as it marked a move from static front end websites to dynamic website like this.  
+
<p>Also developed my college's annual cultural website ( http://synapse.daiict.ac.in). It was a new thing in my college, as it marked a move from static front end websites to dynamic website like this.  
 
</p>
 
</p>
 
<br>
 
<br>
Line 209: Line 223:  
<p> <b>Tony Anderson (mentor) </b>  
 
<p> <b>Tony Anderson (mentor) </b>  
 
The impact is that the Sugar system is used at primary schools in regions which have no useful access to the internet but still should have an opportunity to learn web technology. The schools often have a school server so there is a local stand-in for the internet. The progression is to learn basic web page building with HTML and CSS, then move to learning Javascript. Initially their html files will reside in local storage and be accessed by file:///home/olpc/Documents/some path.html. Later they will have the opportunity to pull together a website and upload it to the server so that it can be shared with the other students. Students at this (or any) age need immediate feedback as to whether they have been successful. The goal of this tool is to give that feedback.</p>
 
The impact is that the Sugar system is used at primary schools in regions which have no useful access to the internet but still should have an opportunity to learn web technology. The schools often have a school server so there is a local stand-in for the internet. The progression is to learn basic web page building with HTML and CSS, then move to learning Javascript. Initially their html files will reside in local storage and be accessed by file:///home/olpc/Documents/some path.html. Later they will have the opportunity to pull together a website and upload it to the server so that it can be shared with the other students. Students at this (or any) age need immediate feedback as to whether they have been successful. The goal of this tool is to give that feedback.</p>
 +
 +
<p><b> Walterbender :</b>
 +
I think the significance of the project is that we want to provide a progression of tools for our users such that they can go from simple to rich interactions with the powerful ideas in computation. This project represents one of the way-points along the way.We want our users to aspire to great heights and therefore we need to give them scaffolding to build upon.</p>
 
<p style="font-size:larger; font-weight:700">
 
<p style="font-size:larger; font-weight:700">
 
     What will you do if you get stuck on your project and your mentor isn't around? How do you propose you will be keeping the community informed of your progress and any problems or questions you might have over the course of the project?</p>
 
     What will you do if you get stuck on your project and your mentor isn't around? How do you propose you will be keeping the community informed of your progress and any problems or questions you might have over the course of the project?</p>
    <p>There will be times when the mentor wouldn't be available. Firstly, I would try to tackle the problem I am facing again, because sometimes in the second go the solution strikes. I am regular at the #sugar channel at IRC and also keep my self updated in the community mailing list and ofcourse the good old books(<i>Sometimes very basic stuff is clearly given in books but we just go through stackexchange and get spoon feeded</i>). In short I wont leave any stone unturned when I am stuck.</p>
+
<p>There will be times when the mentor wouldn't be available. Firstly, I would try to tackle the problem I am facing again, because sometimes in the second go the solution strikes. I am regular at the #sugar channel at IRC and also keep my self updated in the community mailing list and ofcourse the good old books(<i>Sometimes very basic stuff is clearly given in books but we just go through stackexchange and get spoon feeded</i>). In short I wont leave any stone unturned when I am stuck.</p>
 
<p style="font-size:larger; font-weight:700">
 
<p style="font-size:larger; font-weight:700">
 
     We want to make sure that you can set up a development environment before the summer starts. Please do one of the following: Send us a link to a screenshot of your Sugar development environment with the following modification: when you hover over the XO-person icon in the middle of Home view, the drop-down text should have your email in place of "logout". Send us a link to a pull request or merge request you have made on a Sugar or Sugar activity bug. It's normal to need assistance with this, so please visit our IRC channel, #sugar on irc.freenode.net, and ask for help.
 
     We want to make sure that you can set up a development environment before the summer starts. Please do one of the following: Send us a link to a screenshot of your Sugar development environment with the following modification: when you hover over the XO-person icon in the middle of Home view, the drop-down text should have your email in place of "logout". Send us a link to a pull request or merge request you have made on a Sugar or Sugar activity bug. It's normal to need assistance with this, so please visit our IRC channel, #sugar on irc.freenode.net, and ask for help.
 
</p>
 
</p>
 +
<p>
 +
http://s8.postimg.org/nyoyv6brp/Screenshot_from_2015_03_26_14_23_52.png
 +
</p>
 +
 
<p style="font-size:larger; font-weight:700">
 
<p style="font-size:larger; font-weight:700">
 
     Describe a great learning experience you had as a child. Is there anything else we should have asked you or anything else that we should know that might make us like you or your project more?</p>
 
     Describe a great learning experience you had as a child. Is there anything else we should have asked you or anything else that we should know that might make us like you or your project more?</p>
   −
    <p>This question is pretty tough. At first when I got to know nothing can travel faster than light, I was shocked. My whole thinking used to revolve around considering information can travel instantaneously. And other things like big bang didnt happen at a particular place but the very notion of place(space) was created at that moment still surprises me. These are some of the very few things that still make me  rethink the way I look around the world and are in a way a very  different kind of learning experiences. </p>
+
<p>This question is pretty tough. At first when I got to know nothing can travel faster than light, I was shocked. My whole thinking used to revolve around considering information can travel instantaneously. And other things like big bang didnt happen at a particular place but the very notion of place(space) was created at that moment still surprises me. These are some of the very few things that still make me  rethink the way I look around the world and are in a way a very  different kind of learning experiences. </p>
 +
[[Category:2015 GSoC applications]]
22

edits

Navigation menu