Summer of Code/2015/Web Confusion

---

About You

Name:-My name is Himanshu Nachane.
Email address:-himanshu.n1495@gmail.com
Sugar Labs wiki username:-Himanshu1495
IRC nickname on irc.freenode.net:-Himanshu1495
First Language:-English
Location:-India(+5:30 GMT)
Work Hours:-From May 19 to June 12(Due to exams): 7:30 to 10:30 (UTC) i.e 13:00 to 16:00 (IST)
After June 12:4:30 to 7:30 and 9:00 to 12:30 (UTC) i.e 10:00 to 13:00 and 14:30 to 18:00 (IST)
Open-Source Project:- I am a complete fresher and does not have any previous experience of working on an open source project
I want to learn and gain some experience by applying my knowledge for the project this Summer.It will help me to understand some concepts and their application which can further improve my skills.

About Your Project

Name of the Project:-Web Confusion.
Description:-
I will be making this project named Web Confusion.Basically it is a website which will help children to learn skills of HTML and CSS. I am making this Project for Sugar Labs ,they need this project to imbibe some web development skills at an early age.This will be beneficial for them to develop an interest in coding among children.As the Web Technology makes progress , it is essential for children to learn not only the use of technology but also to create it which can prove to be an important factor for the development of the country.
Technologies that I will be using (also some ideas for the project):-
Programmimg Languages:-HTML, CSS and Python(if necessary)
Ideas:-As the website is aimed for children it will consist of some interactive objects which the students will interact with in order to complete a subordinate task.
For Example:-
Children love trains, so if i want to teach a child the syntax of bold tag, I will create three Train blocks .First block will contain a start of the bold tag and block will be designed in the shape of train engine. The Second block will contain the sentence and it will be designed in the shape of container. Third block will contain the end tag and it will be in the shape of a train engine . The student will be instructed to click the train blocks in the proper sequence of the syntax. Also there will be a division in the webpage where the subordinate activity will be going on.
Example:-For the above task ,subordinate activity can be filling colors in the given three shapes, for each correct answer given by the student, one block will get filled by a color. This will be the main activity for students which can be completed while learning HTML and CSS.

Timeline:-
First Week:Start of the project.
Second and Third Week:30% Completion of project and bug test.
Fourth and Fifth Week:55% Completion of Project along with some bug tests.
Sixth,Seventh and Eighth Week:80% Completion of the project,
Nineth Week:95% Completion of the project and errors and bugs test
Tenth Week:Project will be ready and error solving process will remain which will be completed in next 3-4 days.
Eleventh Week:Completion of formalities and Submission of project

As this will be my first open source project, there is no chance that i will be taking it lightly.I will try my best to complete the project in the proposed time.This project is a great opportunity to for me and i will give better than the best to complete the project on time, thus giving mentor no chance of complaining.

You and the community

Impact on Sugar Labs:
This Project will help Sugar Labs to set up a benchmark in the field of learning from web.This site can also be used by people who are willing to develop some HTML and CSS skills. So overall it will be a win-win situation for Sugar Labs.

What will you do if you get stuck on your project and your mentor isn't around?:
If mentor is not around, I will try to search for any suggestions on the internet,if that doesn't work i will take help from people on IRC but i will make sure that Project is moving ahead and is not behind the schedule.

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 will be regularly in contact with the mentor via Email and thus all the progress and problems will be reported to him.

Miscellaneous

Development Environment:I will be learning it in few days and will upload the Screenshot soon....Sorry.
Learning Experience:I started learning HTML and CSS in 2011 and from first day i developed an interest in the language.
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?
Well I think that, a person acheives something only when he tries to do something he has never done and that's exactly what i am doing by applying for this open source project.

Category: 2015 GSoc applications.

---

---

---

Web Confusion

About You

Name::My name is Utkarsh Dhawan, and I am a 2nd year undergraduate student at KJ Somaiya Institute of Engineering & Information Technology.

Email-address:My email address is dhawan.utkarsh@gmail.com

Sugar Labs wiki username:My username is Utkarsh Dhawan.

IRC nickname on irc.freenode.net"My IRC nick name is crusher_e0bc.

First language:I am comfortable with both English and Hindi.

Location:India(GMT +5:30)

Work hours: IST 17:00 - 24:00

Open Source Project Experience:I would be willing to work for an open source project this summer because the leading demand of Open source technologies these days has made it almost a necessity for a developer to have an experience of it and most of the best technologies these days are open-source like Mozilla,wine,android etc which results in giving one of the best working experience.

About Project

Project Title:Web Confusion

Project Description:

According to a study,learning is faster through practical activities.Sugar environment is full of such activities.Web Confusion is great way of teaching learners HTML and CSS. The Activities will consist of various interactive levels.Also the levels of the activity will have recording feature where the learner can keep his logs of daily progress and also he/she will get a chance to learn some awesome tips and tricks which are not taught in the regular curriculum.The interface of the activity will have different types of games.Similar to Turtle Confusion there will be several pre-designed tasks that the user needs to achieve.

The Activity will also allow the user to change the viewport so that he can test his website in various devices.

The user can also debug the errors in his/her code.Also the user will have a ranking system which would help the user maintain his interest in the project.

The Ranks would be:Beginner, Intermediate and Professional.Also other users and the developers could rate the work of the user with the number of stars.

The Activity will also have a game for the users struggling with syntax and logical programming.The game would be something like the image given below .In the game there would boxes falling down from the sky with corrections of written on them and the error code would be written will be written on the truck.The user has to move the truck and catch the piece of code that is correct.The user will gain 5 points on catching each correct box and will loose if wither drops the correct box 3 times or catches the incorrect box.

♙

Weekly Distribution of Work:

Week	Work
April 28 - May 18	Research work
May 19 - May 25	Writing code for the structure of the activity
May 26 - June 2	Writing the code for shifting viewport.
June 3 - June 9	Writing the code for the activities(L1-L10).
June 10 - June 16	Writing the code for the activities(L11-L20).
June 17 - June 23	Writing the code for the activities(L21-L30).
June 24 - June 30	Writing the code for the activities(L30-L35).
July 1 - July 7	Implementing the recording functionality.
July 8 - July 14	Running Bug Tests
July 15 - July 21	Fixing the Bugs
July 22 - July 28	Final touch to the design of the activity
July 29 - August 4	Completing the modules
August 5 - August 11	Prepare report of the project
August 12 - August 18	Final run tests

I participate in various Competitions and Project Exhibition to keep track of my skills.The list of some of my works is given below --

=== Built a student's portal for college coursework.It was built using HTML,CSS and PHP.
Link - https://github.com/crusher95/student-s-portal

=== Successfully Completed the CSS Profeesional Level-2 at RankSheet.com.
Link - http://ranksheet.com/Profiles/utkarsh_8fcc230f

===Successfully Completed the HTML Profeesional Level-1 at RankSheet.com.
Link - http://ranksheet.com/Profiles/utkarsh_8fcc230f

=== Built the website of ssscientific.co.in.
Link - http://ssscientific.co.in/

===Built the inventory system of college's Electronics Department.
Link - http://mysomaiya.com/ems/blue/index.php/auth/login
This project was awarded first prize in Annual Project Exhibition of KJ Somaiya Institute of Engineering & IT.

I have been using HTML and CSS3 since past 5 years. I am also a professional freelancer from past 2 years. As,Summer break is the time when we get to work with things apart from our course curriculum.I am very confident that I would stick to the prepared weekly timetable and complete the project on time.

You and the community

Benefits of this project:

Learning something new can sometimes be monotonous.This activity will help break that monotony.

Tony Anderson(gsoc-mentor):

"This proposal is the first that has focused on what the student needs to learn and a staged approach to the challenges."

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

I have prepared a blog http://crusher95.wordpress.com . If no one is around I would post my problems on my blog and wait for suggestions from others.Also I have been active on #sugar IRC.So I will try to clear out my doubts from there.If nothing is possible then I will go ahead with other tasks and wait for my mentor.

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 will send emails to my mentor about my daily progress.Also I would post my progress on my blog.

Miscellaneous

Send us a link to a screenshot of your Sugar development environment with the following modification: when you hover over the XO-person icon in the middle of Home view, the drop-down text should have your email in place of "logout".

Childhood Experience:

My mother was the professor of Multimedia & Web Technologies in my school.When I was in fifth grade I saw my mother working with macromedia flash,I was overwhelmed on seeing the animations and tried to do so myself but failed.This did not stop me and I kept on trying.After repeated attempts I succeeded and this further more increased my interest in this field.