Summer of Code/2016/Redesign and recreate Sugar Labs webappearance: Difference between revisions
Tag: visualeditor |
Tag: visualeditor |
||
| (2 intermediate revisions by the same user not shown) | |||
| 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> | <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 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 | ** 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 | # 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. | ||
====Navigation Bar==== | ====Navigation Bar==== | ||
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). | ||
</td> | </td> | ||
</tr> | </tr> | ||
| Line 145: | Line 144: | ||
</td> | </td> | ||
<td> | <td> | ||
* 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> | ||
* 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> | ||
* 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 | ** 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 | ||
</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 | ||
</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 | ||
</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 | ||
</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 | ||
* Beta version will be released | * Beta version will be released | ||
</td> | </td> | ||
| Line 232: | Line 223: | ||
</td> | </td> | ||
<td> | <td> | ||
* 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=== | ||
| Line 264: | Line 257: | ||
=== 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. | |||