Changes

Redesign and recreate Sugar Labs web appearance

Redesign and recreate Sugar Labs web appearance

* '''Describe your project in 10-20 sentences. What are you making? Who are you making it for, and why do they need it? What technologies (programming languages, etc.) will you be using?'''

* '''Describe your project in 10-20 sentences. What are you making? Who are you making it for, and why do they need it? What technologies (programming languages, etc.) will you be using?'''

I will be redesigning sugarlabs main website, translate and activities websites

I will be redesigning sugarlabs main website, translate and activities websites planet to improve their web appearance.

planet to improve their web appearance.

* For a modern website these here are the things that are important:

* For a modern website these here are the things that are important:

** Colors and typography - a constant color scheme and a typography should be used across all websites so that it will create a unified view

** Colors and typography - a constant cogo, olor scheme and a typography should be used across all websites so that it will create a unified view

** Images - good quality images should be used and should be scaled so that loading time can be decreased.

** Images - good quality images should be used and should be scaled so that loading time can be decreased.

** Navigation - The navigation should be clear. A user should know where he/she is going.

** Navigation - The navigation should be clear. A user should know where he/she is going.

# UX & UI problems to be listed of the website(Source :first time users and community)   

# UX & UI problems to be listed of the website(Source :first time users and community)   

# solutions to be discussed with the project mentor   

# solutions to be discussed with the project mentor   

# designing mockup   

# designing mockup

# choosing technologies to use  

#    improving things upon receiving feedback and start coding

#    improving things upon receiving feedback and start coding

#    complete the website show it to people for testing(mainly kids and new users)

#    complete the website show it to people for testing(mainly kids and new users)

|-

|-

| “ "It's An Education Project" mailing list ” ,

| “ "It's An Education Project" mailing list ” ,

| contact us binks uttons not properly visible  

| contact us links and buttons not properly visible  

| social help and mailing list under community and better button  

| social help and mailing list under community and better button  

|-

|-

|}

|}

 

I will be focusing on the above things while designing a website. If possible then I will add openid connect to the wiki login page. I will be using HTML, CSS, JavaScript, Jquery for web pages and flexbox(?) or bootstrap(?) or foundation(?) for grid layout. For the activities webpage we can use the '''instantsearchJS''' [https://github.com/algolia/instantsearch.js github]

I will be focusing on the above things while designing a website. If possible then I will add openid connect to the wiki login page. I will be using HTML, CSS, JavaScript, Jquery for web pages and flexbox(?) or bootstrap(?) or foundation(?) for grid layout.

* '''What is the timeline for development of your project? The Summer of Code work period is from mid-May  to mid-August; tell us what you will be working on each week. (As the summer goes on, you and your mentor will adjust your schedule, but it's good to have a plan at the beginning so you have an idea of where you're headed.) Note that you should probably plan to have something "working and 90% done" by the midterm evaluation (end of June); the last steps always take longer than you think, and we will consider cancelling projects which are not mostly working by then.'''

* '''What is the timeline for development of your project? The Summer of Code work period is from mid-May  to mid-August; tell us what you will be working on each week. (As the summer goes on, you and your mentor will adjust your schedule, but it's good to have a plan at the beginning so you have an idea of where you're headed.) Note that you should probably plan to have something "working and 90% done" by the midterm evaluation (end of June); the last steps always take longer than you think, and we will consider cancelling projects which are not mostly working by then.'''

* after getting feedback improve the website   

* after getting feedback improve the website   

* start coding for planet.sugarlabs website  

* start coding for planet.sugarlabs website  

|-

|-

| 30 May - 6 June

| 30 May - 6 June

|  

|  

* finish coding planet.sugarlabs website

* finish coding planet.sugarlabs website

* after feedback improving the website and start working on translation system

* after feedback improving the wlanet ebsite and start working on translation system

|-

|-

| 6 June- 12 June

| 6 June- 12 June

|  

|  

* finish translation system

* finish translation system

* wiki improvements

* wiki improvements like custom skin and fixing the visual editor( I faced some problems while creating this document)

* adding openid connect to the website

* adding openid connect to the website or using google, github, facebook, manual login

* removing the old links or updating the newer website links

* removing the old links and updating the newer website links

|

|

|-

|-

| 27 June - 3 July

| 27 June - 3 July

|  

|  

* host the website. show it to various people. get the reviews, learn SEO

* share the website with community. show it to various people. get the reviews, learn SEO

* start working on remaining websites(small improvements)

* start working on remaining websites(small improvements)

|-

|-

| 4 July - 10 July

| 4 July - 10 July

|  

|  

* Test the website on various platforms and check if it breaks somewhere

* Test the website on various platforms and check if it breaks somewhere

* add support for the device

* add support for all the devices

* finish remaining websites

* finish remaining websites

|-

|-

* add google analytics or piwik analytics (opensource)

* add google analytics or piwik analytics (opensource)

* check if website is indexed well

* check if website is indexed well

* follow google [https://support.google.com/webmasters/answer/6001170?hl=en&ref_topic=4631146 webmaster guidelines]

* for seo tools follow google [https://support.google.com/webmasters/answer/6001170?hl=en&ref_topic=4631146 webmaster guidelines]

* for SEO add relevant meta tags and improve the SEO

* for SEO add relevant meta tags and improve the SEO

|-

|-

| Final Evaluation

| Final Evaluation

|}

|}

 

'''Convince us, in 5-15 sentences, that you will be able to successfully complete your project in the timeline you have described. This is usually where people describe their past experiences, credentials, prior projects, schoolwork, and that sort of thing, but be creative. Link to prior work or other resources as relevant.'''

'''Convince us, in 5-15 sentences, that you will be able to successfully complete your project in the timeline you have described. This is usually where people describe their past experiences, credentials, prior projects, schoolwork, and that sort of thing, but be creative. Link to prior work or other resources as relevant.'''

* I am currently pursuing B.Tech in National Institute of Technology, Rourkela,India . I have excellent skills to manage time and deliver good quality work.  reasons to consider me

* I am currently pursuing B.Tech in National Institute of Technology, Rourkela,India . I have excellent skills to manage time and deliver good quality work.  reasons to consider me

==== '''Mockup''' ====

==== '''Mockup''' ====

[[File:Sugarlabs mockup concept.png|noframe|1074x1074px|sugarlabs main webpage mockup concept]]                      [[File:Sugarlabs mockup concept v2.png|frameless|977x977px]]

[[File:Sugarlabs mockup concept.png|noframe|1074x1074px|sugarlabs main webpage mockup concept]]                      [[File:Sugarlabs mockup concept v2.png|frameless|977x977px]]

'''Prior projects'''

'''Prior projects'''

[[File:screenshot first sugar.png|noframe|1074x1074px|sugarlabs first activity]]

[[File:screenshot first sugar.png|noframe|1074x1074px|sugarlabs first activity]]

[[Category:2016 GSoC applications]]

[[Category:2016 GSoC applications]]