Changes

Summer of Code/2016/Redesign and recreate Sugar Labs webappearance (view source)

Revision as of 08:36, 25 March 2016

445 bytes added , 08:36, 25 March 2016

→‎About Me

Line 5: Line 5:

<tr><td>'''Major:'''</td> <td>Computer Science and Engineering (Pre-Final Year)</td></tr>

<tr><td>'''College/University:'''</td> <td>GGSIPU, New Delhi, India</td></tr>

−

<tr><td>'''Email:'''</td> <td>Contact[at]KanikaMurarka[dot]xyz</td></tr>

+

<tr><td>'''Email:'''</td> <td>Contact[at]KanikaMurarka[dot]xyz, MurarkaKanika[at]Gmail[dot]Com</td></tr>

<tr><td>'''Phone:'''</td> <td>+91-9868-179-156, +91-8800-184-063</td></tr>

<tr><td>'''First language:'''</td> <td>Hindi, Also proficient in English</td></tr>

Line 30: Line 30:

===Goals===

−

# '''''Designing modern and innovative template for all Sugar Labs Site:'''''

+

# '''''Designing modern and innovative template for all Sugar Labs Site: '''''Improving the appearance of website according to the modern treads.

−

# '''''Unify the technologies used across all sites:'''''

+

# '''''Unify the technologies used across all sites:'''''Using minimum no. of technologies, that would be compatible on every browser.

===Approach===

Line 44: Line 44:

* '''Phase 1''': Gathering of requirements

** Collecting all resources

−

** Collecting the URLs of the ~~webpages~~ linked directly to the website

+

** Collecting the URLs of the web-pages linked directly to the website

* '''Phase 2''': Prototype development based on requirements

** Making the final mock-up, keeping requirement in mind

Line 61: Line 61:

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.

−

~~# If we follow few rules, design will look tidy and clean.~~

# 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.

Line 67: Line 66:

====Navigation Bar====

−

~~Since the website is short and~~ simple~~, with very less links~~ and ~~only single page, navigation bar can be dropped~~.

+

If it will be there, it will be simple and easily accessible.

====Images====

Line 73: Line 72:

====Responsiveness====

−

This means how ~~effective a~~ site ~~looks~~ on ~~other~~ devices. It will achieve following goals.

+

This means how the site appears on various devices. It will achieve following goals.

# remove the need for horizontal scrolling

# offer text large enough to be legible without resizing or zooming

Line 84: Line 83:

# Using CSS to structure content, rather the tables

# Limiting the usage of H tags (H1, H2, H3, etc) and tags to non-repetitive content.

−

~~# Using machine-readable fonts~~

# For images that are stylistic elements, using CSS background images, but for content elements, found within a body of text that is unique to a page, using a regular image tag. For logos, using an image tag rather than using text replacement.

# Site-Speed- consolidating CSS and javascript files, loading javascript at the end of the page.

+

# Will add structured data which helps improve the search engine visibility and helps in better ranking

====Technologies====

Line 92: Line 91:

<tr>

<th>Technologies</th>

−

<th>~~Decription~~</th>

+

<th>Description</th>

</tr>

<tr>

−

<td>~~HyperText Markup~~ Language (HTML) represents the visual elements a browser ultimately displays on screen.</td>

+

<td>Hyper Text Mark-up Language (HTML) represents the visual elements a browser ultimately displays on screen.</td>

</tr>

<tr>

Line 129: Line 128:

* Reading more source code for better understanding of the system

* Get regular feedback from mentor(s).

+

* Phase 1 would be initiated and completed

</td>

</tr>

Line 136: Line 136:

</td>

<td>

−

* Preparation for exams and giving exams. ~~Mention more details how would you compensate this time~~.

+

* Preparation for exams and giving exams. I will work extra hours before or after exams to meet deadline.

</td>

</tr>

Line 144: Line 144:

</td>

<td>

+

* Phase 2 will be initiated

+

* Prepare my first mock-up

* Get feedback from mentor(s) and re-iterating

</td>

Line 152: Line 154:

</td>

<td>

+

* Phase 2 will be continued

* Get feedback from mentor(s) and re-iterating

</td>

Line 160: Line 163:

</td>

<td>

+

* Phase 2 will be continued

* Documenting the changes

* Writing tests; preparation to submit mid-term evaluations

* Submitting mid-term evaluations.

* Deliverables:

−

** ~~Some deliverable~~

+

** A small prototype

−

** Some other deliverable and so on

</td>

</tr>

Line 173: Line 176:

</td>

<td>

−

* Get feedback from mentor(s) and re-iterating

+

* Get feedback from mentor(s) and re-iterating

</td>

</tr>

Line 182: Line 185:

<td>

*Get feedback from mentor(s) and re-iterating

+

* Phase 2 will be completed

</td>

</tr>

Line 190: Line 194:

<td>

*Get feedback from mentor(s) and re-iterating

+

* Phase 3 will be initiated

</td>

</tr>

Line 198: Line 203:

<td>

* Get feedback from mentor(s) and re-iterating

+

* Phase 3 will be completed

</td>

</tr>

Line 206: Line 212:

<td>

* Get feedback from mentor(s) and re-iterating

+

* Alpha release of the website

</td>

</tr>

Line 250: Line 257:

=='''Miscellaneous'''==

−

+

=== Sugar Development Environment ===

+

It was a fun to do task.

[[:Category:2016 GSoC applications]]

Beastie

90

edits