13
edits
Changes
Summer of Code/2015/Web Confusion Rajdeep (view source)
Revision as of 06:12, 29 March 2015
, 06:12, 29 March 2015no edit summary
The main objective of this project is to build a set of creative web pages to help learners develop and sharpen their skills in HTML and CSS. The web pages will be providing different levels of varying difficulty, the idea is similar to the Turtle Confusion used in Turtle Blocks. Each level will be having a new set of problems along with the images and the video to help learner better understand what the problem is and how the end result will look like. In order to make learning more interesting the learner will be provided a badge on successful completion of each level. The badge system will also motivate children to learn more. If the XO laptops of the children are connected to school servers, it would also be possible to maintain the ranking of the children. This will also increase the interest of the children to improve their ranking by completing more levels. In the last levels basics will be built and the main focus will be on HTML5 and CSS3.<br />
The main objective of this project is to build a set of creative web pages to help learners develop and sharpen their skills in HTML and CSS. The web pages will be providing different levels of varying difficulty, the idea is similar to the Turtle Confusion used in Turtle Blocks. Each level will be having a new set of problems along with the images and the video to help learner better understand what the problem is and how the end result will look like. In order to make learning more interesting the learner will be provided a badge on successful completion of each level. The badge system will also motivate children to learn more. If the XO laptops of the children are connected to school servers, it would also be possible to maintain the ranking of the children. This will also increase the interest of the children to improve their ranking by completing more levels. In the last levels basics will be built and the main focus will be on HTML5 and CSS3.<br />
The project will mainly target the children who live in remote areas and do not have access to internet. It will be very helpful for them to improve their skills in HTML and CSS and compete with others. As this project will be targeting young children, the major focus will be on building more interactive web pages to create interest of the children. For this the HTML and CSS will be taught using creative ideas of stories and poems. Every level will be having a set of problems based on the stories or treasure hunts. In order to make this more interesting, animated videos and images will be embedded in the web pages for giving the hint to the learner what step to perform next. The material to be added in the web pages will be referred from http://www.goer.org/HTML/ . We would also refer to the web sites like w3school. This material will be presented to the learner in an interactive way.
The project will mainly target the children who live in remote areas and do not have access to internet. It will be very helpful for them to improve their skills in HTML and CSS and compete with others. As this project will be targeting young children, the major focus will be on building more interactive web pages to create interest of the children. For this the HTML and CSS will be taught using creative ideas of stories and poems. Every level will be having a set of problems based on the stories or treasure hunts. In order to make this more interesting, animated videos and images will be embedded in the web pages for giving the hint to the learner what step to perform next. The material to be added in the web pages will be referred from http://www.goer.org/HTML/ . We would also refer to the web sites like w3school. This material will be presented to the learner in an interactive way.
Further the learner will be able to learn about HTML and CSS at the same place. After completing all the levels the learner will be having a good understanding of basics of HTML, CSS and will be able to step in the world of web development.
Further the learner will be able to learn about HTML and CSS at the same place. After completing all the levels the learner will be having a good understanding of basics of HTML, CSS and will be able to step in the world of web development.<br />
Technologies: I will be using HTML and CSS along with bootstrap to create the web pages. And in addition to make the webpages more interactive and responsive I will be using JavaScript and jQuery.<br />
'''Technologies''': I will be using HTML and CSS along with bootstrap to create the web pages. And in addition to make the webpages more interactive and responsive I will be using JavaScript and jQuery.<br />
<br />'''Prototype:'''<br />
<br />'''Prototype:'''<br />
'''Challenge 1:''' “The Adventures of Batman”<br />
'''Challenge 1:''' “The Adventures of Batman”<br />
Template.PNG | Template
Template.PNG | Template
</gallery>
</gallery>
'''Hints:'''<br />
<gallery>
<gallery>
Hints.PNG | Hints
Hints.PNG | Hints