Summer of Code/2016/Redesign and recreate Sugar Labs webappearance - Revision history

Beastie: /* About Me */

2016-03-25T16:25:17Z

About Me

← Older revision		Revision as of 12:25, 25 March 2016
Line 9:		Line 9:
	<tr><td>'''IRC:'''</td> <td>Kanikaa in freenode #sugar</td></tr>		<tr><td>'''IRC:'''</td> <td>Kanikaa in freenode #sugar</td></tr>
	<tr><td>'''SugarLabs Wiki Username:'''</td> <td>Beastie</td></tr>		<tr><td>'''SugarLabs Wiki Username:'''</td> <td>Beastie</td></tr>
	<tr><td>'''Timezone:'''</td> <td>~~I can work from 16:00 to 21:00 IST (~~UTC +5:30~~) but it's adjustable~~</td></tr>		<tr><td>'''Timezone:'''</td> <td>UTC +5:30</td></tr>
	<tr><td>'''Current Location:'''</td> <td>Delhi, India,</td></tr>		<tr><td>'''Current Location:'''</td> <td>Delhi, India,</td></tr>
	<tr><td>'''Open Source Projects:'''</td> <td>I have contributed in Mozilla Delhi Community</td></tr>		<tr><td>'''Open Source Projects:'''</td> <td>I have contributed in Mozilla Delhi Community</td></tr>
Line 64:		Line 64:

	====Navigation Bar====		====Navigation Bar====
	If it ~~will be there, it will be~~ simple and easily accessible.		More discussion with mentor(s) to make it simple and easily accessible and also discussion on implementation plan.

	====Images====		====Images====
Line 129:		Line 129:
	* Reading more source code for better understanding of the system		* Reading more source code for better understanding of the system
	* Get regular feedback from mentor(s).		* Get regular feedback from mentor(s).
	* Phase 1 would be initiated and completed
	</td>		</td>
	</tr>		</tr>
Line 145:		Line 144:
	</td>		</td>
	<td>		<td>
	* Phase 2 will be initiated
	* Prepare my first mock-up		* Prepare my first mock-up
	* Get feedback from mentor(s) and re-iterating		* Get feedback from mentor(s) and re-iterating
Line 155:		Line 153:
	</td>		</td>
	<td>		<td>
	* Phase 2 will be continued
	* Get feedback from mentor(s) and re-iterating		* Get feedback from mentor(s) and re-iterating
	</td>		</td>
Line 164:		Line 161:
	</td>		</td>
	<td>		<td>
	* Phase 2 will be continued
	* Documenting the changes		* Documenting the changes
	* Writing tests; preparation to submit mid-term evaluations		* Writing tests; preparation to submit mid-term evaluations
	* Submitting mid-term evaluations.		* Submitting mid-term evaluations.
	* Deliverables:		* Deliverables:
	** A ~~small~~ prototype		** A working prototype will be presented
	</td>		</td>
	</tr>		</tr>
Line 186:		Line 182:
	<td>		<td>
	*Get feedback from mentor(s) and re-iterating		*Get feedback from mentor(s) and re-iterating
	* Phase 2 will be completed
	</td>		</td>
	</tr>		</tr>
Line 195:		Line 190:
	<td>		<td>
	*Get feedback from mentor(s) and re-iterating		*Get feedback from mentor(s) and re-iterating
	* Phase 3 will be initiated
	</td>		</td>
	</tr>		</tr>
Line 204:		Line 198:
	<td>		<td>
	* Get feedback from mentor(s) and re-iterating		* Get feedback from mentor(s) and re-iterating
	* Phase 3 will be completed
	</td>		</td>
	</tr>		</tr>
Line 214:		Line 207:
	* Get feedback from mentor(s) and re-iterating		* Get feedback from mentor(s) and re-iterating
	* Alpha release of the website		* Alpha release of the website
	* Phase 4 will be initiated
	</td>		</td>
	</tr>		</tr>
Line 223:		Line 215:
	<td>		<td>
	* Get feedback from mentor(s) and re-iterating		* Get feedback from mentor(s) and re-iterating
	* Phase 4 will be continued
	* Beta version will be released		* Beta version will be released
	</td>		</td>
Line 232:		Line 223:
	</td>		</td>
	<td>		<td>
	* Phase 4 will be completed
	* Preparing documentation for final changes		* Preparing documentation for final changes
	* Submission for final evaluation		* Submission for final evaluation
Line 257:		Line 247:
	===If I get stuck and mentor is not around..===		===If I get stuck and mentor is not around..===
	Since mentors are there only to guide us and help us with best of their knowledge, its me who have to complete the project. I will look up on internet to find the solution of the problem I am stuck with, if I dont get the solution, I will keep the task aside and carry on with another module, so that time do not get wasted. And when mentor is available, I can discuss my doubts.		Since mentors are there only to guide us and help us with best of their knowledge, its me who have to complete the project. I will look up on internet to find the solution of the problem I am stuck with, if I dont get the solution, I will keep the task aside and carry on with another module, so that time do not get wasted. And when mentor is available, I can discuss my doubts.

			=== Time that I can devote ===
			I have no other plans for this summer. I can devote my maximum time to this project.

	===Ways to keep the community informed of my progress===		===Ways to keep the community informed of my progress===

Beastie at 15:36, 25 March 2016

2016-03-25T15:36:27Z

← Older revision		Revision as of 11:36, 25 March 2016
Line 44:		Line 44:
	** Collecting the URLs of the web-pages linked directly to the website		** Collecting the URLs of the web-pages linked directly to the website
	* '''Phase 2''': Prototype development based on requirements		* '''Phase 2''': Prototype development based on requirements
	** Making the final mock-up, keeping requirement ~~sin~~ mind		** Making the final mock-up, keeping requirement in mind
	** Sending design for review		** Sending design for review
	** Making changes as required		** Making changes as required
Line 59:		Line 59:
	I preferably will go with Flat Design because it is in "trend" nowadays. Here are some reasons why:		I preferably will go with Flat Design because it is in "trend" nowadays. Here are some reasons why:
	# Design is all about process. Flat is very simple in terms of form, and that helps us to focus on the usability of your site/app.		# Design is all about process. Flat is very simple in terms of form, and that helps us to focus on the usability of your site/app.
	# It is also light that is, you do not need to insert (many) images into you code.		# It is also light that is you do not need to insert (many) images into you code.
	# Responsive Web Design - flat makes it a lot easier to make sites responsive, as we do not need to scale images, effects and so on. You just have vector shapes and colors.		# Responsive Web Design - flat makes it a lot easier to make sites responsive, as we do not need to scale images, effects and so on. You just have vector shapes and colors.
	# It helps user focus more on the content.		# It helps user focus more on the content.
Line 109:		Line 109:
	<td>Bootstrap</td>		<td>Bootstrap</td>
	<td>CSS framework to make page responsive</td>		<td>CSS framework to make page responsive</td>
	~~</tr>~~
	~~<tr>~~
	~~<td>JQuery</td>~~
	~~<td>JavaScript framework</td>~~
	</tr>		</tr>
	</table>		</table>



	===Milestones===		===Milestones===
Line 266:		Line 264:

	=== Sugar Development Environment ===		=== Sugar Development Environment ===
	It was a nice learning experience setting up the Sugar development environment on the system. During the setup i learned how to use the release tools as well as got to know how to rectify the dependency errors during the installation time.After installing and running the installation, now I feel pretty comfortable with the development setup.		It was a nice learning experience setting up the Sugar development environment on the system. During the setup i learned how to use the release tools as well as got to know how to rectify the dependency errors during the installation time.
			After installing and running the installation, now I feel pretty comfortable with the development setup.

Beastie: /* Technologies */

2016-03-25T15:35:06Z

Technologies

← Older revision		Revision as of 11:35, 25 March 2016
Line 109:		Line 109:
	<td>Bootstrap</td>		<td>Bootstrap</td>
	<td>CSS framework to make page responsive</td>		<td>CSS framework to make page responsive</td>
			</tr>
			<tr>
			<td>JQuery</td>
			<td>JavaScript framework</td>
	</tr>		</tr>
	</table>		</table>



	===Milestones===		===Milestones===

Beastie: /* About Me */

2016-03-25T15:32:57Z

About Me

← Older revision		Revision as of 11:32, 25 March 2016
Line 44:		Line 44:
	** Collecting the URLs of the web-pages linked directly to the website		** Collecting the URLs of the web-pages linked directly to the website
	* '''Phase 2''': Prototype development based on requirements		* '''Phase 2''': Prototype development based on requirements
	** Making the final mock-up, keeping requirement in mind		** Making the final mock-up, keeping requirement sin mind
	** Sending design for review		** Sending design for review
	** Making changes as required		** Making changes as required
Line 59:		Line 59:
	I preferably will go with Flat Design because it is in "trend" nowadays. Here are some reasons why:		I preferably will go with Flat Design because it is in "trend" nowadays. Here are some reasons why:
	# Design is all about process. Flat is very simple in terms of form, and that helps us to focus on the usability of your site/app.		# Design is all about process. Flat is very simple in terms of form, and that helps us to focus on the usability of your site/app.
	# It is also light that is you do not need to insert (many) images into you code.		# It is also light that is, you do not need to insert (many) images into you code.
	# Responsive Web Design - flat makes it a lot easier to make sites responsive, as we do not need to scale images, effects and so on. You just have vector shapes and colors.		# Responsive Web Design - flat makes it a lot easier to make sites responsive, as we do not need to scale images, effects and so on. You just have vector shapes and colors.
	# It helps user focus more on the content.		# It helps user focus more on the content.
Line 264:		Line 264:

	=== Sugar Development Environment ===		=== Sugar Development Environment ===
	It was a nice learning experience setting up the Sugar development environment on the system. During the setup i learned how to use the release tools as well as got to know how to rectify the dependency errors during the installation time.		It was a nice learning experience setting up the Sugar development environment on the system. During the setup i learned how to use the release tools as well as got to know how to rectify the dependency errors during the installation time.After installing and running the installation, now I feel pretty comfortable with the development setup.
	After installing and running the installation, now I feel pretty comfortable with the development setup.

Beastie: /* Approach */

2016-03-25T15:22:29Z

Approach

← Older revision		Revision as of 11:22, 25 March 2016
Line 32:		Line 32:
	# '''''Unify the technologies used across all sites:'''''Using minimum no. of technologies, that would be compatible on every browser.		# '''''Unify the technologies used across all sites:'''''Using minimum no. of technologies, that would be compatible on every browser.

	===Approach===		===Development Approach===
	An incremental enhancement approach would be followed.		An incremental enhancement approach would be followed.
	# Discuss with mentor(s) about specifications		# Discuss with mentor(s) about specifications
Line 39:		Line 39:
	This would help in revealing any bugs/mis-conception early in development phase itself and also give more time on enhancing the application as desired.		This would help in revealing any bugs/mis-conception early in development phase itself and also give more time on enhancing the application as desired.

	~~==== Development Approach ====~~
	The approach of Evolutionary Prototyping would be followed which will involve following phases:		The approach of Evolutionary Prototyping would be followed which will involve following phases:
	* '''Phase 1''': Gathering of requirements		* '''Phase 1''': Gathering of requirements

Beastie: /* Sugar Development Environment */

2016-03-25T15:21:00Z

Sugar Development Environment

← Older revision		Revision as of 11:21, 25 March 2016
Line 269:		Line 269:


	[[File:1(1).png\|300px\|thumb\|~~left~~\|First screen of development environment]]		[[File:1(1).png\|300px\|thumb\|center\|First screen of development environment]]
	[[File:2(1).png\|300px\|thumb\|center\|XO icon with my email-id]]		[[File:2(1).png\|300px\|thumb\|center\|XO icon with my email-id]]
	[[File:3(1).png\|300px\|thumb\|~~right~~\|My first activity]]		[[File:3(1).png\|300px\|thumb\|center\|My first activity]]

	=== Learning as a child ===		=== Learning as a child ===

Beastie: /* Sugar Development Environment */

2016-03-25T15:19:34Z

Sugar Development Environment

← Older revision		Revision as of 11:19, 25 March 2016
Line 269:		Line 269:


	[[File:1(1).png\|300px\|thumb\|~~right~~\|First screen of development environment]]		[[File:1(1).png\|300px\|thumb\|left\|First screen of development environment]]
	[[File:2(1).png\|300px\|thumb\|~~right~~\|XO icon with my email-id]]		[[File:2(1).png\|300px\|thumb\|center\|XO icon with my email-id]]
	[[File:3(1).png\|300px\|thumb\|right\|My first activity]]		[[File:3(1).png\|300px\|thumb\|right\|My first activity]]

Beastie: /* Miscellaneous */

2016-03-25T15:18:55Z

Miscellaneous

← Older revision		Revision as of 11:18, 25 March 2016
Line 269:		Line 269:


	[[File:1(1).png\|300px\|thumb\|~~left~~\|First screen of development environment]]		[[File:1(1).png\|300px\|thumb\|right\|First screen of development environment]]
	[[File:2(1).png\|300px\|thumb\|~~left~~\|XO icon with my email-id]]		[[File:2(1).png\|300px\|thumb\|right\|XO icon with my email-id]]
	[[File:3(1).png\|300px\|thumb\|~~left~~\|My first activity]]		[[File:3(1).png\|300px\|thumb\|right\|My first activity]]

	=== Learning as a child ===		=== Learning as a child ===

Beastie: /* Mockup */

2016-03-25T15:18:03Z

Mockup

← Older revision		Revision as of 11:18, 25 March 2016
Line 87:		Line 87:

	==== Mockup ====		==== Mockup ====
	[[File:Mockup.png\|thumb\|~~left~~\|Mock-up for the site]]		[[File:Mockup.png\|thumb\|center\|Mock-up for the site]]
	~~<br>~~

	====Technologies====		====Technologies====

Beastie: /* Sugar Development Environment */

2016-03-25T15:17:31Z

Sugar Development Environment

← Older revision		Revision as of 11:17, 25 March 2016
Line 271:		Line 271:

	[[File:1(1).png\|300px\|thumb\|left\|First screen of development environment]]		[[File:1(1).png\|300px\|thumb\|left\|First screen of development environment]]
	[[File:2(1).png\|300px\|thumb\|XO icon with my email-id]]		[[File:2(1).png\|300px\|thumb\|left\|XO icon with my email-id]]
	[[File:3(1).png\|300px\|thumb\|My first activity]]		[[File:3(1).png\|300px\|thumb\|left\|My first activity]]

	=== Learning as a child ===		=== Learning as a child ===

← Older revision		Revision as of 11:19, 25 March 2016
Line 269:		Line 269:


	[[File:1(1).png\|300px\|thumb\|~~right~~\|First screen of development environment]]		[[File:1(1).png\|300px\|thumb\|left\|First screen of development environment]]
	[[File:2(1).png\|300px\|thumb\|~~right~~\|XO icon with my email-id]]		[[File:2(1).png\|300px\|thumb\|center\|XO icon with my email-id]]
	[[File:3(1).png\|300px\|thumb\|right\|My first activity]]		[[File:3(1).png\|300px\|thumb\|right\|My first activity]]