[Sugar-devel] GSoC 2015: Interactive JavaScript Shell

Sam P. sam.parkinson3 at gmail.com
Tue Mar 10 05:01:16 EDT 2015

Hi Richa,

As for hosting code, the convention is to start a GitHub project for each
activity - even those in the work in progress stage

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.

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

* 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:

* 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 <https://groklearning.com/> use
problems to enhance learning.  Maybe we could seriously look at, how do we
make a good course for people to learn web tech?

* 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

* 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)


On Tue, Mar 10, 2015 at 5:43 PM Richa Sehgal <richasehgal2908 at gmail.com>

> Dear Tony,
> 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.
> 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).
> 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.
> 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 :)
> Thanks a lot,
> Richa
> On Sun, Mar 8, 2015 at 11:44 PM, Tony Anderson <tony_anderson at usa.net>
> wrote:
>> Great, carry on!
>> Tony
>> On 03/09/2015 02:10 PM, Richa Sehgal wrote:
>>> Dear Tony,
>>> 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.
>>> 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.
>>> Thanks a lot,
>>> Richa
>>  _______________________________________________
> Sugar-devel mailing list
> Sugar-devel at lists.sugarlabs.org
> http://lists.sugarlabs.org/listinfo/sugar-devel
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.sugarlabs.org/archive/sugar-devel/attachments/20150310/c90ad11d/attachment-0001.html>

More information about the Sugar-devel mailing list