<div dir="ltr"><div><div>Hi  Richa,<br><br></div>As for hosting code, the convention is to start a GitHub project for each activity - even those in the work in progress stage<i>.<br><br></i></div><div>I am confused by your choice to not use any libraries since the code must be run offline.  It is 100% possible to download the jQuery javascript and put it in a libs folder.  You can then use this instead of using a CDN link.  Sugar web activities can have thousands of files without making it harder for users to download and install.<br></div><div><i><br></i></div><div>I think your current progress illustrates that there will not be massive technical challenges in a jsfiddle like activity.  However, there are going to be design challenges.  Here are my ideas for what you could peruse<br><br>* Constructionist (exploration/play based) learning:  TurtleBlocks provides a good example of how we can put the functions/things-to-be-memorized into a block palette and then it is more accessible by users.  We could possibly create a palette of HTML/CSS/JS templates/blocks for the users to drag into their code and explore.  Please check out my mockup:  <a href="https://wireframe.cc/1fA4dF">https://wireframe.cc/1fA4dF</a><br></div><div><br></div><div>* Challenge based learning:  Codeacadmey is a very good site, though having seen how many people use it, it is very memorization based and has no problems that require students to think and understand the content they have learned (hence leading to better learning).  It might be useful to look at how sites like GrokLearning <<a href="https://groklearning.com/">https://groklearning.com/</a>> use problems to enhance learning.  Maybe we could seriously look at, how do we make a good course for people to learn web tech?<br><br></div><div>* Collaboration:  It would be awesome to integrate the activity with sugar collab.  I would love to do real time coding with somebody else :)  (This is obviously dependent on the collab being ported to JS, another project in itself)<br><br></div><div>* Getting it to work on a small screen.  Design challenge: could this work on an XO or any other 7inch with keyboard device?  (Coding with an OSK would be so hard... that's turtle territory :P)<br></div><div><br></div><div>Thanks,<br></div><div>Sam<br></div><br><div class="gmail_quote">On Tue, Mar 10, 2015 at 5:43 PM Richa Sehgal <<a href="mailto:richasehgal2908@gmail.com" target="_blank">richasehgal2908@gmail.com</a>> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr">Dear Tony,<br><br>I have created a light-weight version of jsfiddle which lets user enters HTML, CSS and JavaScript code, and when the user clicks Run method, the code is executed. Its a very basic prototype, with no fancy design stuff, but I will create a great design for the actual Activity that would be integrated in Sugar.<br>To enable the code to run in offline mode, I have used basic HTML and JS primitives without jquery library and so on. So it should be very easy to just download the file and open in any browser. The code takes the HTML, CSS and JS input and inserts it in the relevant HTML tags in the iframe DOM (like style, etc).<br>There are two files - jsfiddle-prototype.html and style.css. I am not sure what the policies of this mailing lists are for sharing files, so I would send these separately to you. Please let me know otherwise.<br><br>I hope you like the prototype. Please send me your opinion and the next steps in the project. I am really looking forward to have a JS Shell Activity integrated in Sugar :)<br><br>Thanks a lot,<br>Richa</div><div class="gmail_extra"><br><div class="gmail_quote">On Sun, Mar 8, 2015 at 11:44 PM, Tony Anderson <span dir="ltr"><<a href="mailto:tony_anderson@usa.net" target="_blank">tony_anderson@usa.net</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">Great, carry on!<span><font color="#888888"><br>
<br>
Tony</font></span></blockquote></div></div><div class="gmail_extra"><div class="gmail_quote"><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div><div><br>
<br>
On 03/09/2015 02:10 PM, Richa Sehgal wrote:<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
Dear Tony,<br>
<br>
Thanks for replying back. I am glad to you have as my mentor! Using the underlying JS course for testing is a great idea. We can integrate that as a help tutorial - depending upon the time available.<br>
<br>
Currently I have started looking into the implementation of jsfiddle and would report back about my learnings. I am sure that there are other platforms too - I would look into these too. I would make a prototype and share with you the code. This way we can put our thinking hats together and iterate over a concrete plan. I also have some ideas that would make this tool more fun and engaging to use, keeping in mind that the target audience is students.<br>
<br>
Thanks a lot,<br>
Richa<br>
</blockquote>
<br>
</div></div></blockquote></div></div>
______________________________<u></u><u></u>_________________<br>
Sugar-devel mailing list<br>
<a href="mailto:Sugar-devel@lists.sugarlabs.org" target="_blank">Sugar-devel@lists.sugarlabs.<u></u>or<u></u>g</a><br>
<a href="http://lists.sugarlabs.org/listinfo/sugar-devel" target="_blank">http://lists.sugarlabs.org/<u></u>lis<u></u>tinfo/sugar-devel</a><br>
</blockquote></div></div>