Re: [Sugar-devel] [Karma] Re: Conozco Uruguay in karma
Hello guys, graphics are not really 'my thing', but I'll have a look and see what i can do Cheers On Mon, Oct 12, 2009 at 6:20 PM, Bryan Berry br...@olenepal.org wrote: On Sun, 2009-10-11 at 11:26 -0200, Gabriel Eirea wrote: The problem I foresee is that you still need a way to describe the coordinates of cities and other points of interest and relate them to the svg coordinates, so that when you zoom in and out the objects are all in their corresponding places. That just boils down to properly identifying the object node in the svg map. But how to do that I still have to figure out ;) Ze do u have any experience w/ inkscape? would u be interested to investigate this? -- Bryan W. Berry Senior Engineer OLE Nepal, http://www.olenepal.org ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [Karma] Re: Conozco Uruguay in karma
Using inkscape to convert the png file to SVG, it generates an SVG file which includes the png image: image xlink:href=fondo.png x=0 y=0 width=786 height=900 id=image2670 / The idea it to draw in the above SVG file ? On Mon, Oct 12, 2009 at 6:56 PM, Ze maria zemari...@gmail.com wrote: Hello guys, graphics are not really 'my thing', but I'll have a look and see what i can do Cheers On Mon, Oct 12, 2009 at 6:20 PM, Bryan Berry br...@olenepal.org wrote: On Sun, 2009-10-11 at 11:26 -0200, Gabriel Eirea wrote: The problem I foresee is that you still need a way to describe the coordinates of cities and other points of interest and relate them to the svg coordinates, so that when you zoom in and out the objects are all in their corresponding places. That just boils down to properly identifying the object node in the svg map. But how to do that I still have to figure out ;) Ze do u have any experience w/ inkscape? would u be interested to investigate this? -- Bryan W. Berry Senior Engineer OLE Nepal, http://www.olenepal.org ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [Karma] Re: Conozco Uruguay in karma
You re right, actually it has a hard link to the png: sodipodi:absref=/Users/zemariamm/Desktop/olenepal/work/ConozcoUruguay.activity/imagenes/fondo.png It's not converting the still image to svg statements On Mon, Oct 12, 2009 at 11:46 PM, Bryan Berry br...@olenepal.org wrote: Ze, the svg attached to this email appears to be blank On Mon, 2009-10-12 at 19:54 +0100, Ze maria wrote: Guys, I opted to use Multiples scans (creates a group of paths) instead of 'Edge detection', the result seems better, any ideas ? On Mon, Oct 12, 2009 at 7:41 PM, Bryan Berry br...@olenepal.org wrote: Looks ok to me but I am no expert. Did u use edge detection in inkscape? On Mon, 2009-10-12 at 19:33 +0100, Ze maria wrote: Hello again guys, I tried several times converting the png to svg (without embedding the png file) and results were awful... I just tried vectormagic.com (Stanford univ) and the results were way better, what do you think ? On Mon, Oct 12, 2009 at 7:17 PM, Ze maria zemari...@gmail.com wrote: Using inkscape to convert the png file to SVG, it generates an SVG file which includes the png image: image xlink:href=fondo.png x=0 y=0 width=786 height=900 id=image2670 / The idea it to draw in the above SVG file ? On Mon, Oct 12, 2009 at 6:56 PM, Ze maria zemari...@gmail.com wrote: Hello guys, graphics are not really 'my thing', but I'll have a look and see what i can do Cheers On Mon, Oct 12, 2009 at 6:20 PM, Bryan Berry br...@olenepal.org wrote: On Sun, 2009-10-11 at 11:26 -0200, Gabriel Eirea wrote: The problem I foresee is that you still need a way to describe the coordinates of cities and other points of interest and relate them to the svg coordinates, so that when you zoom in and out the objects are all in their corresponding places. That just boils down to properly identifying the object node in the svg map. But how to do that I still have to figure out ;) Ze do u have any experience w/ inkscape? would u be interested to investigate this? -- Bryan W. Berry Senior Engineer OLE Nepal, http://www.olenepal.org -- Bryan W. Berry Senior Engineer OLE Nepal, http://www.olenepal.org -- Bryan W. Berry Senior Engineer OLE Nepal, http://www.olenepal.org ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [Karma] Re: Conozco Uruguay in karma
Hello again guys, I've been playing with inkscape fow a while, after importing the png using any of the options (located under Path - Trace Bitmap) in Single Scan: creates a path the software really converts the image file to a SVG (using path to draw it), if I use Multiple scans: creates a group of path it does not convert the image in to a group of path objects, but embeds the link to the image in the generated SVG file... On the other side, the stanford application mentioned in some emails earlier does convert the image into a group of path, although the software is not open source and requires a license. Ze Maria On Tue, Oct 13, 2009 at 12:34 AM, Ze maria zemari...@gmail.com wrote: You re right, actually it has a hard link to the png: sodipodi:absref=/Users/zemariamm/Desktop/olenepal/work/ConozcoUruguay.activity/imagenes/fondo.png It's not converting the still image to svg statements On Mon, Oct 12, 2009 at 11:46 PM, Bryan Berry br...@olenepal.org wrote: Ze, the svg attached to this email appears to be blank On Mon, 2009-10-12 at 19:54 +0100, Ze maria wrote: Guys, I opted to use Multiples scans (creates a group of paths) instead of 'Edge detection', the result seems better, any ideas ? On Mon, Oct 12, 2009 at 7:41 PM, Bryan Berry br...@olenepal.org wrote: Looks ok to me but I am no expert. Did u use edge detection in inkscape? On Mon, 2009-10-12 at 19:33 +0100, Ze maria wrote: Hello again guys, I tried several times converting the png to svg (without embedding the png file) and results were awful... I just tried vectormagic.com (Stanford univ) and the results were way better, what do you think ? On Mon, Oct 12, 2009 at 7:17 PM, Ze maria zemari...@gmail.com wrote: Using inkscape to convert the png file to SVG, it generates an SVG file which includes the png image: image xlink:href=fondo.png x=0 y=0 width=786 height=900 id=image2670 / The idea it to draw in the above SVG file ? On Mon, Oct 12, 2009 at 6:56 PM, Ze maria zemari...@gmail.com wrote: Hello guys, graphics are not really 'my thing', but I'll have a look and see what i can do Cheers On Mon, Oct 12, 2009 at 6:20 PM, Bryan Berry br...@olenepal.org wrote: On Sun, 2009-10-11 at 11:26 -0200, Gabriel Eirea wrote: The problem I foresee is that you still need a way to describe the coordinates of cities and other points of interest and relate them to the svg coordinates, so that when you zoom in and out the objects are all in their corresponding places. That just boils down to properly identifying the object node in the svg map. But how to do that I still have to figure out ;) Ze do u have any experience w/ inkscape? would u be interested to investigate this? -- Bryan W. Berry Senior Engineer OLE Nepal, http://www.olenepal.org -- Bryan W. Berry Senior Engineer OLE Nepal, http://www.olenepal.org -- Bryan W. Berry Senior Engineer OLE Nepal, http://www.olenepal.org ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [Karma] Re: Conozco Uruguay in karma
Hello guys, Well I used fixed coordinates because that's the way it was done in the original Conozco Urugay (see datos/ciudades.txt) Gabriel, if you need help I translating think I can give you hand, I don't no much about spanish but portuguese is my mother language and they are not that different :) Take care, Jose On Fri, Oct 9, 2009 at 1:11 PM, Gabriel Eirea gei...@gmail.com wrote: Hi, This is extremely cool. I agree with Bryan that it would be great to have svg from the start. I used a fixed bitmap image and then it became very difficult for scaling. Now I'm working in zoomed-in versions for very local information, and I need to draw a new map for each one of the zones. The holy grail would be to have true cartographic information with different projections, then you could use GPS data and all kind of interesting options would open for us. Of course, this was not necessary for Uruguay because it is such a small country, but it may be necessary for larger countries or continents if you want to be able to zoom in and out. For those asking for translations, I apologize for not being very international. Almost all the strings are located in the file datos/niveles.txt. You can read about it here (in Spanish and unfinished yet, sorry): http://drupal.ceibaljam.org/?q=node/46 I'm trying to improve internationalization for the next version. There's even a Conozco Perú brewing somewhere in the Andes. Regards, Gabriel 2009/10/9 Bryan Berry br...@olenepal.org: Hey Ze, Great start! I cloned your git repo and made a few changes http://github.com/bryanwb/Conozco-Uruguay Just a few notes: U don't need the xml declaration anymore w/ html5 so ?xml version=1.0 encoding=iso-8859-1? and xmlns=http://www.w3.org/1999/xhtml; are no longer needed all u need is !DOCTYPE html I have copied the needed js files into js/ so u can run it as a standalone. Perhaps I should create a karma-base package that just has all requirements for creating a standalone lesson and nothing more. You can use jquery methods to make your code more succinct for instance: document.getElementById('mycanvas').addEventListener( . . . can become $('#mycanvas').bind('click', clicked, false); and document.getElementById('question').innerHTML = q.getPhrase; can become $('#question').html(q.getPhrase); I also see that you used static coordinates to represent the cities. This means the image can't be resized for different screen resolutions. It would be neat if we could do the same image as an SVG w/ the names of the capitals embedded as nodes. Then you could attach an event listener to each node. Each node would have an ID matching the City name and class=cities. You could then match the ID of the element clicked on against the city named in the question. Unfortunately, I have no idea how to do this ;) On Thu, 2009-10-08 at 18:04 +0100, Ze maria wrote: Hello guys, I started a port of the activity Conozco Uruguay (available at http://activities.sugarlabs.org/en-US/sugar/addon/4199) from Python to the new Karma framework (downloaded from: http://git.sugarlabs.org/projects/karma). I'm new to html5 and to the canvas element so don't be scared by the lookn'feel :) Currently to only thing implemented is the capital game, where a person guesses where which capital of the state is located. By the way, I coulnd't get to work the Raphael function 'print', every time I try to use I get a : Error: f.fonts is undefined Source File: file:///Users/zemariamm/workspace/olenepal/mainline/js/raphael-min.js Line: 7 The code is available at http://github.com/zemariamm/Conozco-Uruguay Comments, critics and sugestions are all welcome :) (To run the code just download the new karma framework and drop the urugay activity code in the lessons directory) Take care, Jose ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel -- Bryan W. Berry Senior Engineer OLE Nepal, http://www.olenepal.org ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
Re: [Sugar-devel] [Karma] Karma-starter package was Re: [Karma] Re: Conozco Uruguay in karma
Great!I've added the missing JS to the github project (as you did), so checking out that project should be enough for it to run. I'll make the jquery changes as soon as possible Take care, Ze Maria On Fri, Oct 9, 2009 at 7:51 AM, Bryan Berry br...@olenepal.org wrote: Hey Ze, I have realized that cloning the whole Karma repo is quite confusing to new people. I have created the karma-starter package that should make it easier to create a stand-alone lesson: http://git.sugarlabs.org/projects/karma-starter/repos/mainline On Fri, 2009-10-09 at 10:35 +0545, Bryan Berry wrote: Hey Ze, Great start! I cloned your git repo and made a few changes http://github.com/bryanwb/Conozco-Uruguay Just a few notes: U don't need the xml declaration anymore w/ html5 so ?xml version=1.0 encoding=iso-8859-1? and xmlns=http://www.w3.org/1999/xhtml; are no longer needed all u need is !DOCTYPE html I have copied the needed js files into js/ so u can run it as a standalone. Perhaps I should create a karma-base package that just has all requirements for creating a standalone lesson and nothing more. You can use jquery methods to make your code more succinct for instance: document.getElementById('mycanvas').addEventListener( . . . can become $('#mycanvas').bind('click', clicked, false); and document.getElementById('question').innerHTML = q.getPhrase; can become $('#question').html(q.getPhrase); I also see that you used static coordinates to represent the cities. This means the image can't be resized for different screen resolutions. It would be neat if we could do the same image as an SVG w/ the names of the capitals embedded as nodes. Then you could attach an event listener to each node. Each node would have an ID matching the City name and class=cities. You could then match the ID of the element clicked on against the city named in the question. Unfortunately, I have no idea how to do this ;) On Thu, 2009-10-08 at 18:04 +0100, Ze maria wrote: Hello guys, I started a port of the activity Conozco Uruguay (available at http://activities.sugarlabs.org/en-US/sugar/addon/4199) from Python to the new Karma framework (downloaded from: http://git.sugarlabs.org/projects/karma). I'm new to html5 and to the canvas element so don't be scared by the lookn'feel :) Currently to only thing implemented is the capital game, where a person guesses where which capital of the state is located. By the way, I coulnd't get to work the Raphael function 'print', every time I try to use I get a : Error: f.fonts is undefined Source File: file:///Users/zemariamm/workspace/olenepal/mainline/js/raphael-min.js Line: 7 The code is available at http://github.com/zemariamm/Conozco-Uruguay Comments, critics and sugestions are all welcome :) (To run the code just download the new karma framework and drop the urugay activity code in the lessons directory) Take care, Jose ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel -- Bryan W. Berry Senior Engineer OLE Nepal, http://www.olenepal.org ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel
[Sugar-devel] Conozco Uruguay in karma
Hello guys, I started a port of the activity Conozco Uruguay (available at http://activities.sugarlabs.org/en-US/sugar/addon/4199) from Python to the new Karma framework (downloaded from: http://git.sugarlabs.org/projects/karma). I'm new to html5 and to the canvas element so don't be scared by the lookn'feel :) Currently to only thing implemented is the capital game, where a person guesses where which capital of the state is located. By the way, I coulnd't get to work the Raphael function 'print', every time I try to use I get a : Error: f.fonts is undefined Source File: file:///Users/zemariamm/workspace/olenepal/mainline/js/raphael-min.js Line: 7 The code is available at http://github.com/zemariamm/Conozco-UruguayComments, critics and sugestions are all welcome :) (To run the code just download the new karma framework and drop the urugay activity code in the lessons directory) Take care, Jose ___ Sugar-devel mailing list Sugar-devel@lists.sugarlabs.org http://lists.sugarlabs.org/listinfo/sugar-devel