<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"> <html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:dt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"><head><meta name=Generator content="Microsoft Word 14 (filtered medium)"><style></style></head><body lang=FR link=blue vlink=purple><div class=WordSection1><o:p> </o:p>Hi all,<o:p></o:p> <o:p></o:p>I've enhanced the work of Manuel Quinones to create an activity template using Enyo JavaScript Framework.<o:p></o:p> <o:p></o:p>My objective was to provide a template to write a Sugar activity using HTML5 but without losing advantage of the Sugar integration. Plus, I didn't want using a HTTP Server integrated into the activity like in the Wikipedia activity.<o:p></o:p> <o:p></o:p>Finally, using some WebKit tips & tricks (calling a JavaScript in the current page and console message handling), I finally conceived a simple framework that allow bi-directional communication between Python code and JavaScript code (using Enyo Framework). You could find the resulting source code from this framework here [1] for Python and here [2] for JavaScript.<o:p></o:p> <o:p></o:p>To test this framework, I wrote a sample activity (downloadable here [3]) with a part of the activity wrote in HTML5 and the other part wrote in Python. I've illustrated the power of this framework with few features:<o:p></o:p>- Sending basic type or full python object to JavaScript,<o:p></o:p>- Sending basic type or full JavaScript object to Python,<o:p></o:p>- JavaScript Enyo controls (Checkbox and Slider) synchronized with matching Gtk control,<o:p></o:p>- Passing of Sugar context (buddy nickname and color) to JavaScript,<o:p></o:p>- Using Sugar toolbar to launch JavaScript event,<o:p></o:p>- Handling a HTML5 canvas (a small Logo Turtle ;-) from Gtk button.<o:p></o:p>A screen capture of the activity is visible here [4].<o:p></o:p> <o:p></o:p>I think it's a good start to show what we could hope from this sort of integration and finally, to have more HTML5 developers writing or adapting activities to Sugar.<o:p></o:p> <o:p></o:p>Lot of thing could be done to enhance this basic framework. I hope to have time to write a real activity to work on some other interesting stuff:<o:p></o:p>- Read/Write from Sugar Journal from JavaScript<o:p></o:p>- Use POT localization for HTML5 resource<o:p></o:p>- Using Sugar presence from JavaScript<o:p></o:p>- ...<o:p></o:p> <o:p></o:p>Hope that some of you could be interested by this.<o:p></o:p> <o:p></o:p>Best regards from France.<o:p></o:p> <o:p></o:p> Lionel.<o:p></o:p> <o:p></o:p> <o:p></o:p>[1] <a href="http://git.sugarlabs.org/enyo-activity/enyo-activity/blobs/master/enyo.py">http://git.sugarlabs.org/enyo-activity/enyo-activity/blobs/master/enyo.py</a><o:p></o:p>[2] <a href="http://git.sugarlabs.org/enyo-activity/enyo-activity/blobs/master/html/sugar.js">http://git.sugarlabs.org/enyo-activity/enyo-activity/blobs/master/html/sugar.js</a><o:p></o:p>[3] <a href="http://olpc-france.org/download/enyo-1.xo">http://olpc-france.org/download/enyo-1.xo</a><o:p></o:p>[4] <a href="http://olpc-france.org/download/enyo-1_capture.png">http://olpc-france.org/download/enyo-1_capture.png</a><o:p></o:p><o:p> </o:p></div></body></html>