Summer of Code/2015/Sugar JS Ports - Revision history

Iamutkarshtiwari: /* Miscellaneous */

2015-03-27T16:41:17Z

Miscellaneous

← Older revision		Revision as of 12:41, 27 March 2015
Line 281:		Line 281:

	If I am able to complete my above three projects before the deadline, I have few android games on mind which I would like to port to Sugar during my summers. These games will be basically arcade which will help kids improve there concentration and focus.		If I am able to complete my above three projects before the deadline, I have few android games on mind which I would like to port to Sugar during my summers. These games will be basically arcade which will help kids improve there concentration and focus.

			<br>
			[[Category:2015 GSoC applications]]

Iamutkarshtiwari at 14:36, 27 March 2015

2015-03-27T14:36:05Z

Iamutkarshtiwari: /* About your project */

2015-03-27T13:59:29Z

About your project

← Older revision		Revision as of 09:59, 27 March 2015
Line 57:		Line 57:
	'''What is the name of your project?'''		'''What is the name of your project?'''

	Name: Abacus JS, FotoToons JS and Turtle Confusion JS		Name: Sugar JS Ports (Abacus JS, FotoToons JS and Turtle Confusion JS)


Line 239:		Line 239:

	'''Project link:''' [https://github.com/iamutkarshtiwari/Snake-game-module Snake-game module on C]		'''Project link:''' [https://github.com/iamutkarshtiwari/Snake-game-module Snake-game module on C]





	== You and the community ==		== You and the community ==

Iamutkarshtiwari at 13:57, 27 March 2015

2015-03-27T13:57:51Z

← Older revision		Revision as of 09:57, 27 March 2015
Line 115:		Line 115:
	\| '''May 12-May 26''' \|\| Start working on FotoToons JS.<br><br>		\| '''May 12-May 26''' \|\| Start working on FotoToons JS.<br><br>

	~~Start working on FotoToons JS.~~		1. Create the background layout of FotoToons and add the existing tool buttons from Python version.<br>
			2. Enable image add support feature from Journal, documents and external media.<br>
	1. Create the background layout of FotoToons and add the existing tool buttons from Python version.		3. Add globe(speech bubbles) support feature.<br>
	2. Enable image add support feature from Journal, documents and external media.		4. Enable the movement line button with add 'thunder' and 'emoticons'.<br>
	3. Add globe(speech bubbles) support feature.		5. Add undo feature and camera support feature in image import option to take realtime images.<br>
	4. Enable the movement line button with add 'thunder' and 'emoticons'.		6. Add text support feature with more fonts support.<br>
	5. Add undo feature and camera support feature in image import option to take realtime images.		7. Enable the slideshow button with new 'add music' button to enable music import feature for slideshow. Activate the 'slide delay', 'fullscreen'' and add new 'Undo' and 'Main Image Rotation' feature.<br>
	6. Add text support feature with more fonts support.
	7. Enable the slideshow button with new 'add music' button to enable music import feature for slideshow. Activate the 'slide delay', 'fullscreen'' and add new 'Undo' and 'Main Image Rotation' feature
	8. Wrapping up the design and other bug fixes.<br>		8. Wrapping up the design and other bug fixes.<br>
	\|-		\|-

Iamutkarshtiwari at 13:55, 27 March 2015

2015-03-27T13:55:52Z

← Older revision		Revision as of 09:55, 27 March 2015
Line 96:		Line 96:
	\|-		\|-
	\| '''April 26-May 2 (Pre-Program week)''' \|\|		\| '''April 26-May 2 (Pre-Program week)''' \|\|
	Discussing the core functionalities and features of Abacus JS, ~~Spirolateral~~ JS and Turtle Confusion JS with my mentor <br>Walter Sir. Conclude the expected feature. Design the workflow of these three activities. Document a brief report on UI enhancements required if any.		Discussing the core functionalities and features of Abacus JS, FotoToons JS and Turtle Confusion JS with my mentor <br>Walter Sir. Conclude the expected feature. Design the workflow of these three activities. Document a brief report on UI enhancements required if any.

	\|-		\|-
Line 180:		Line 180:
	\| '''July 25''' \|\| Get Walter Sir’s quick review on all above three projects.		\| '''July 25''' \|\| Get Walter Sir’s quick review on all above three projects.
	\|-		\|-
	\| '''July 26- July 27''' \|\| Write up the documentation for Turtle Confusion JS on wiki page.<br> Update the documentation of Abacus JS and ~~Spirolateral~~ JS		\| '''July 26- July 27''' \|\| Write up the documentation for Turtle Confusion JS on wiki page.<br> Update the documentation of Abacus JS and FotoToons JS
	\|-		\|-
	\| '''July 28''' \|\| Organize the entire code and host all demos on respective Sugar domains.		\| '''July 28''' \|\| Organize the entire code and host all demos on respective Sugar domains.

Iamutkarshtiwari at 13:53, 27 March 2015

2015-03-27T13:53:43Z

← Older revision		Revision as of 09:53, 27 March 2015
Line 286:		Line 286:
	'''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?'''		'''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?'''

	f I am able to complete my above three projects before the deadline, I have few android games on mind which I would like to port to Sugar during my summers. These games will be basically arcade which will help kids improve there concentration and focus.		If I am able to complete my above three projects before the deadline, I have few android games on mind which I would like to port to Sugar during my summers. These games will be basically arcade which will help kids improve there concentration and focus.

Iamutkarshtiwari at 13:53, 27 March 2015

2015-03-27T13:53:34Z

← Older revision		Revision as of 09:53, 27 March 2015
Line 57:		Line 57:
	'''What is the name of your project?'''		'''What is the name of your project?'''

	Name: Abacus JS, ~~Spirolateral~~ JS and Turtle Confusion JS		Name: Abacus JS, FotoToons JS and Turtle Confusion JS


Line 63:		Line 63:


	Abacus JS is a Javascript port for Sugar’s Abacus activity. Abacus activity is designed to let the kids explore different representations of numbers using different mechanical counting systems developed by the ancient Romans and Chinese. There are several different variants available for exploration. This will help kids improve their speed of mental math calculations using various techniques available for different abacus types.		'''Abacus JS''' is a Javascript port for Sugar’s Abacus activity. Abacus activity is designed to let the kids explore different representations of numbers using different mechanical counting systems developed by the ancient Romans and Chinese. There are several different variants available for exploration. This will help kids improve their speed of mental math calculations using various techniques available for different abacus types.


	~~Spirolateral~~ JS is a Javascript port for Sugar’s ~~Spirolateral~~ activity. This activity ~~is designed~~ to ~~help~~ kids ~~improve~~ their ~~analytical~~ and ~~logical thinking. This activity acts as a precursor for kids to learning programming techniques in future~~.		'''FotoToons JS''' is a Javascript port for Sugar’s FotoToons activity. This activity allows you to create cartoons, using photos or drawings. This acitivity helps kids make their own story or slideshow by adding photos and balloons. In this way they can broaden their imagination and creativity.
	In this ~~activity the kid need to setup the 5 values such that the turtle prints out the given specific challenge~~.

			I am planning on adding more feature to the existing one like-

	Turtle Confusion JS is a Javascript port for Sugar’s Turtle Confusion activity. This activity is more advanced version of Spirolateral wherein the kids has to program the turtle to print out a specific pattern on the screen. This activity provides more advanced tools and functions to operate the turtle logo. This activitity will help learners to get hold of basic programming concepts like ‘repeat’, while loops and help them lay a strong foundation for mathematical concepts of co-ordinate geometry.		* Add 'undo' feature for each edit.
			* Provide 'camera' support for taking realtime images.
			* Add background music support for a slideshow and multiple music support for each indivisual slide with timed delay.
			* Add more fonts support.
			* Add more 'movement lines' like 'thunder'.
			* Also add 'main image rotation feature'


			'''Turtle Confusion JS''' is a Javascript port for Sugar’s Turtle Confusion activity. This activity is more advanced version of Spirolateral wherein the kids has to program the turtle to print out a specific pattern on the screen. This activity provides more advanced tools and functions to operate the turtle logo. This activitity will help learners to get hold of basic programming concepts like ‘repeat’, while loops and help them lay a strong foundation for mathematical concepts of co-ordinate geometry.

	Overall these three activities will help kids boost their ‘creativity’ which is a basic quality of geniuses!		Overall these three activities will help kids boost their ‘creativity’ which is a basic quality of geniuses!
Line 102:		Line 110:
	\|-		\|-
	\| '''May 11''' \|\|		\| '''May 11''' \|\|
	Designing the basic UI of both ~~Spirolateral~~ and Turtle Flag JS. Get approval of Walter sir.		Designing the basic UI of both FotoToons JS and Turtle Flag JS. Get approval of Walter sir.

	\|-		\|-
	\| '''May 12-May 26''' \|\| Start working on ~~Spirolateral~~ JS.<br><br>		\| '''May 12-May 26''' \|\| Start working on FotoToons JS.<br><br>

	1. Create the background layout of ~~Spirolateral~~ and add the existing tool buttons from Python version.~~<br>~~		Start working on FotoToons JS.
	2. ~~Splitting the display area co-ordinates into Target view~~ and ~~Current view~~.~~<br>~~
	3. ~~Setting up the 5-digits input box and enabling the 5-number frames for each box when clicked~~.~~<br>~~		1. Create the background layout of FotoToons and add the existing tool buttons from Python version.
	4. ~~Programming~~ the ~~turtle movements, based on the fetched inputs. Printing up the patter in Current view pane~~.~~<br>~~		2. Enable image add support feature from Journal, documents and external media.
	5. ~~Enabling the speed controller bar of the turtle~~ and ~~other ‘Play/Pause’ buttons~~.~~<br>~~		3. Add globe(speech bubbles) support feature.
	6. ~~Designing~~ the ~~pattern challenges~~ and ~~importing the existing challenges from previous version.<br>~~		4. Enable the movement line button with add 'thunder' and 'emoticons'.
	7. Wrapping up the design and other bug fixes.<br>		5. Add undo feature and camera support feature in image import option to take realtime images.
			6. Add text support feature with more fonts support.
			7. Enable the slideshow button with new 'add music' button to enable music import feature for slideshow. Activate the 'slide delay', 'fullscreen'' and add new 'Undo' and 'Main Image Rotation' feature
			8. Wrapping up the design and other bug fixes.<br>
	\|-		\|-
	\| '''May 27''' \|\| Check for code optimization wherever possible and submit the final code to Walter sir for any further additional enhancements if requires.<br>		\| '''May 27''' \|\| Check for code optimization wherever possible and submit the final code to Walter sir for any further additional enhancements if requires.<br>
	Document the instructions of ~~Spirolateral~~ JS on wiki page.<br>		Document the instructions of FotoToons JS on wiki page.<br>
	\|-		\|-
	\| '''May 28''' \|\| I would like to take a day off, if allowed.		\| '''May 28''' \|\| I would like to take a day off, if allowed.
Line 161:		Line 172:
	\| '''July 16- July 20''' \|\| Wrap up optimization and UI improvements of Abacus JS.<br>		\| '''July 16- July 20''' \|\| Wrap up optimization and UI improvements of Abacus JS.<br>

	Wrap up optimization and UI improvements of ~~Spirolateral~~ JS.		Wrap up optimization and UI improvements of FotoToons JS.
	\|-		\|-
	\| '''July 21- July 24''' \|\|		\| '''July 21- July 24''' \|\|
Line 272:		Line 283:

	When I was child, most of my learning was because the games(chinese checkers, scribble, puzzles, etc) I used to play my at my school(mostly logical). I was pretty good at geometry, my teacher being impressed with my skills used to ask me to help her teach my friends how to draw different geometrical figures using basic tools like-compass, protractor, divider and set-squares. It made me feel really nice being good at something and then using my skills to teach my colleagues the same. I owe my logical thinking to the logic based games I used to play when I was a kid.		When I was child, most of my learning was because the games(chinese checkers, scribble, puzzles, etc) I used to play my at my school(mostly logical). I was pretty good at geometry, my teacher being impressed with my skills used to ask me to help her teach my friends how to draw different geometrical figures using basic tools like-compass, protractor, divider and set-squares. It made me feel really nice being good at something and then using my skills to teach my colleagues the same. I owe my logical thinking to the logic based games I used to play when I was a kid.

			'''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?'''

			f I am able to complete my above three projects before the deadline, I have few android games on mind which I would like to port to Sugar during my summers. These games will be basically arcade which will help kids improve there concentration and focus.

Iamutkarshtiwari: /* Miscellaneous */

2015-03-26T18:58:11Z

Miscellaneous

← Older revision		Revision as of 14:58, 26 March 2015
Line 271:		Line 271:
	Childhood is considered to be the most effective learning stage. Be it a kid or a teenager, they tend to absorb all the kind of knowledge and learning imparted to them. So what I think is that this is the best time when we can mould children's creativity and mental ability the most, which SugarLabs is currently doing the best and it is commendable as well!		Childhood is considered to be the most effective learning stage. Be it a kid or a teenager, they tend to absorb all the kind of knowledge and learning imparted to them. So what I think is that this is the best time when we can mould children's creativity and mental ability the most, which SugarLabs is currently doing the best and it is commendable as well!

	When I was child, most of my learning was because the games(chinese checkers, scribble, puzzles, etc) I used to play my at my school(mostly logical). I was pretty good at geometry, my teacher being impressed with skills used to ask me to help her teach my friends how to draw different geometrical ~~figues~~ using basic tools like-compass, protractor, divider and set-squares. I made me feel really nice being good at something and then using my skills to teach my colleagues ~~to teach them~~ the same. I owe my logical thinking to the logic based games I used to play when I was a kid.		When I was child, most of my learning was because the games(chinese checkers, scribble, puzzles, etc) I used to play my at my school(mostly logical). I was pretty good at geometry, my teacher being impressed with my skills used to ask me to help her teach my friends how to draw different geometrical figures using basic tools like-compass, protractor, divider and set-squares. It made me feel really nice being good at something and then using my skills to teach my colleagues the same. I owe my logical thinking to the logic based games I used to play when I was a kid.

Iamutkarshtiwari at 18:47, 26 March 2015

2015-03-26T18:47:37Z

← Older revision		Revision as of 14:47, 26 March 2015
Line 269:		Line 269:
	'''Describe a great learning experience you had as a child.'''		'''Describe a great learning experience you had as a child.'''

	Childhood is considered to be the most effective learning stage. Be it a kid or a teenager, they tend to absorb all the kind of knowledge and learning imparted to them. So what I think is that this is the best time when we can mould children's creativity and mental ability the ~~best~~, which SugarLabs is currently doing and it is commendable as well!		Childhood is considered to be the most effective learning stage. Be it a kid or a teenager, they tend to absorb all the kind of knowledge and learning imparted to them. So what I think is that this is the best time when we can mould children's creativity and mental ability the most, which SugarLabs is currently doing the best and it is commendable as well!

	When I was child, most of my learning was because the games(chinese checkers, scribble, puzzles, etc) I used to play my at my school(mostly logical). I was pretty good at geometry, my teacher being impressed with skills used to ask me to help her teach my friends how to draw different geometrical figues using basic tools like-compass, protractor, divider and set-squares. I made me feel really nice being good at something and then using my skills to teach my colleagues to teach them the same. I owe my logical thinking to the logic based games I used to play when I was a kid.		When I was child, most of my learning was because the games(chinese checkers, scribble, puzzles, etc) I used to play my at my school(mostly logical). I was pretty good at geometry, my teacher being impressed with skills used to ask me to help her teach my friends how to draw different geometrical figues using basic tools like-compass, protractor, divider and set-squares. I made me feel really nice being good at something and then using my skills to teach my colleagues to teach them the same. I owe my logical thinking to the logic based games I used to play when I was a kid.

Iamutkarshtiwari at 14:02, 26 March 2015

2015-03-26T14:02:57Z

← Older revision		Revision as of 10:02, 26 March 2015
Line 237:		Line 237:
	== You and the community ==		== You and the community ==

			'''If your project is successfully completed, what will its impact be on the Sugar Labs community? Give 3 answers, each 1-3 paragraphs in length. The first one should be yours. The other two should be answers from members of the Sugar Labs community, at least one of whom should be a Sugar Labs GSoC mentor. Provide email contact information for non-GSoC mentors.'''

			'''My thoughts:''' Once these three activities would be completely ported and deployed on the respective domains, kids and people without XO laptops will also be able to get to enjoy the taste of learning from these Sugar activities. These JS will help kids improve their logical thinking and analytical skills. Main focus while developing these project is to provide their accessibility to a wide range of Sugar consumers, since learning and education should not be restricted to only those with XO laptops.

	'''If your project is successfully completed, what will its impact be on the Sugar Labs community? Give 3 answers, each 1-3 paragraphs in length. The first one should be yours. The other two should be answers from members of the Sugar Labs community, at least one of whom should be a Sugar Labs GSoC mentor. Provide email contact information for non-GSoC mentors.'''		'''Walter Bender(Mentor):'''

			'''Alan Jhonn Aguiar Schwyn:''' More childrens could use the activities since JS activities runs on more platforms than Pure-Sugar activities. The idea behind JS activities is port more devices.

	'''What will you do if you get stuck on your project and your mentor isn't around?'''		'''What will you do if you get stuck on your project and your mentor isn't around?'''

			If my mentor is not around, there would be other open source developers on IRC whom I can reach out for help. I also have a lot of seniors in my college who are into wide range open source developments and they are very helpful. So there are a lot of ways I can tackle a problem I'm stuck on when my mentor isn't available. Well thoughout my previous development experience 'StackOverflow' has been a lot useful, so I can also look up for the solution there. In worst case, I will try to look up for the solution on the internet as I usually do and tackle the problem myself.


	'''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?'''		'''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?'''

			I am planning on maintaining a wiki page every weekend regarding the project. As far daily progress is concerned, I will pass on the project links to my mentor on IRC whenever I'll find him active to get a quick review. I'll also create a thread on Mailing list to post regular updates regarding the project developments.


Line 262:		Line 269:
	'''Describe a great learning experience you had as a child.'''		'''Describe a great learning experience you had as a child.'''

			Childhood is considered to be the most effective learning stage. Be it a kid or a teenager, they tend to absorb all the kind of knowledge and learning imparted to them. So what I think is that this is the best time when we can mould children's creativity and mental ability the best, which SugarLabs is currently doing and it is commendable as well!

	~~'''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?'''~~		When I was child, most of my learning was because the games(chinese checkers, scribble, puzzles, etc) I used to play my at my school(mostly logical). I was pretty good at geometry, my teacher being impressed with skills used to ask me to help her teach my friends how to draw different geometrical figues using basic tools like-compass, protractor, divider and set-squares. I made me feel really nice being good at something and then using my skills to teach my colleagues to teach them the same. I owe my logical thinking to the logic based games I used to play when I was a kid.

← Older revision		Revision as of 10:36, 27 March 2015
Line 66:		Line 66:


	'''FotoToons JS''' is a Javascript port for Sugar’s FotoToons activity. This activity allows you to create cartoons, using photos or drawings. This ~~acitivity~~ helps kids make their own story or slideshow by adding photos and balloons. In this way they can broaden their imagination and creativity.		'''FotoToons JS''' is a Javascript port for Sugar’s FotoToons activity. This activity allows you to create cartoons, using photos or drawings. This activity helps kids make their own story or slideshow by adding photos and balloons. In this way they can broaden their imagination and creativity.

	I am planning on adding more feature to the existing one like-		I am planning on adding more feature to the existing one like-
Line 72:		Line 72:
	* Add 'undo' feature for each edit.		* Add 'undo' feature for each edit.
	* Provide 'camera' support for taking realtime images.		* Provide 'camera' support for taking realtime images.
	* Add background music support for a slideshow and multiple music support for each ~~indivisual~~ slide with timed delay.		* Add background music support for a slideshow and multiple music support for each individual slide with timed delay.
	* Add more fonts support.		* Add more fonts support.
	* Add more 'movement lines' like 'thunder'.		* Add more 'movement lines' like 'thunder'.
Line 78:		Line 78:


	'''Turtle Confusion JS''' is a Javascript port for Sugar’s Turtle Confusion activity. This activity is more advanced version of Spirolateral wherein the kids has to program the turtle to print out a specific pattern on the screen. This activity provides more advanced tools and functions to operate the turtle logo. This ~~activitity~~ will help learners to get hold of basic programming concepts like ‘repeat’, while loops and help them lay a strong foundation for mathematical concepts of co-ordinate geometry.		'''Turtle Confusion JS''' is a Javascript port for Sugar’s Turtle Confusion activity. This activity is more advanced version of Spirolateral wherein the kids has to program the turtle to print out a specific pattern on the screen. This activity provides more advanced tools and functions to operate the turtle logo. This activity will help learners to get hold of basic programming concepts like ‘repeat’, while loops and help them lay a strong foundation for mathematical concepts of co-ordinate geometry.

	Overall these three activities will help kids boost their ‘creativity’ which is a basic quality of geniuses!		Overall these three activities will help kids boost their ‘creativity’ which is a basic quality of geniuses!
Line 96:		Line 96:
	\|-		\|-
	\| '''April 26-May 2 (Pre-Program week)''' \|\|		\| '''April 26-May 2 (Pre-Program week)''' \|\|
	Discussing the core functionalities and features of Abacus JS, FotoToons JS and Turtle Confusion JS with my ~~mentor~~ <br>Walter ~~Sir~~. Conclude the expected feature. Design the workflow of these three activities. Document a brief report on UI enhancements required if any.		Discussing the core functionalities and features of Abacus JS, FotoToons JS and Turtle Confusion JS with my mentors <br>Walter sir and Gonzalo sir. Conclude the expected feature. Design the workflow of these three activities. Document a brief report on UI enhancements required if any.

	\|-		\|-
Line 124:		Line 124:
	8. Wrapping up the design and other bug fixes.<br>		8. Wrapping up the design and other bug fixes.<br>
	\|-		\|-
	\| '''May 27''' \|\| Check for code optimization wherever possible and submit the final code to ~~Walter~~ sir for any further additional enhancements if requires.<br>		\| '''May 27''' \|\| Check for code optimization wherever possible and submit the final code to Gonzalo sir for any further additional enhancements if requires.<br>
	Document the instructions of FotoToons JS on wiki page.<br>		Document the instructions of FotoToons JS on wiki page.<br>
	\|-		\|-
Line 138:		Line 138:
	Adding toggle for ‘hover to help’ and block size increase/decrease buttons.		Adding toggle for ‘hover to help’ and block size increase/decrease buttons.
	\|-		\|-
	\| '''May 31''' \|\| Setting up the draggable turtle canvas palette, work on the ~~palete~~ orientation and commands ~~removablitity~~.<br>		\| '''May 31''' \|\| Setting up the draggable turtle canvas palette, work on the palette orientation and commands removability.<br>
	Programming the basic turtle movements based on the values fetched.		Programming the basic turtle movements based on the values fetched.
	\|-		\|-
	\| '''June 1- June 10''' \|\| Programming the ~~Pallette~~ of Pen Commands.<br> ~~Syncronizing~~ the simultaneous working with ~~Pallette~~ commands tools.<br>		\| '''June 1- June 10''' \|\| Programming the Palette of Pen Commands.<br> Synchronizing the simultaneous working with Palette commands tools.<br>

	Work on the RBG color set and setting up their functionality with other command palette.<br>		Work on the RBG color set and setting up their functionality with other command palette.<br>
Line 155:		Line 155:
	\| '''July 3'''\|\| Apply for Mid-Term Evaluation.		\| '''July 3'''\|\| Apply for Mid-Term Evaluation.
	\|-		\|-
	\| '''July 4''' \|\| Add palette of variable block and extra options.le		\| '''July 4''' \|\| Add palette of variable block and extra options.
	\|-		\|-
	\| '''July 5-July 10 \|\| Add support for the media objects palette.<br> Need to work on figuring out the necessary technologies required for implementing this in Javascript.<br>		\| '''July 5-July 10 \|\| Add support for the media objects palette.<br> Need to work on figuring out the necessary technologies required for implementing this in Javascript.<br>