Changes

<noinclude>

<noinclude>

[[Category:Feature Page Incomplete]]

[[Category:Feature Page Incomplete]]

[[Category:Feature|Develop Web]]

[[Category:FeatureRejected|Develop Web]]

<!-- You can add categories to tie features back to real deployments/schools requesting them, for example  

<!-- You can add categories to tie features back to real deployments/schools requesting them, for example  

[[Category:Features requested by School Xyz|<Feature Name>]] (the |Feature Name option sorts the entry on the category page under the first letter of <Feature Name>). -->

[[Category:Features requested by School Xyz|<Feature Name>]] (the |Feature Name option sorts the entry on the category page under the first letter of <Feature Name>). -->

  We also request that you maintain the same order of sections so that all of the feature pages are uniform.  -->

  We also request that you maintain the same order of sections so that all of the feature pages are uniform.  -->

<!-- The actual name of your feature page should look something like: Features/Your Feature Name.  This keeps all features in the same namespace -->

<!-- The actual name of your feature page should look something like: Features/Your Feature Name.  This keeps all features in the same namespace -->

== Summary ==

== Summary ==

'''DevelopWeb''' is an Activity for Web Development using which children can develop Web Sites through HTML, Javascript and other web technologies. Children can learn quickly how to develop web pages in a step by step approach through examples provided for each HTML component.  

'''DevelopWeb''' is an Activity for Web Development using which children can develop Web Sites through HTML, Javascript and other web technologies. Children can learn quickly how to develop web pages in a step by step approach through examples provided for each HTML component.  

Proposed Timeline: ( Duration -6 months)

Proposed Timeline: ( Duration -6 months)

<b>Month 1:</b>

<b>Month 1:</b><br/>

1.Identify the requirements, features to design and implement.

1.Identify the requirements, features to design and implement.<br/>

2.Design the User Interface carefully by understanding the GTK+ framework, PyGTK and how Sugar shell understands it.

2.Design the User Interface carefully by understanding the GTK+ framework, PyGTK and how Sugar shell understands it.<br/>

3.Identify and understand the components/widgets required to develop this activity.

3.Identify and understand the components/widgets required to develop this activity.<br/>

4.Design the components under the light of Sugar Human Interface Guidelines.

4.Design the components under the light of Sugar Human Interface Guidelines.<br/>

5.[Milestone] Design and develop the ElementToolbox to hold web elements that can be dragged or clicked to bring them on Canvas holding the web page

5.[Milestone] Design and develop the ElementToolbox to hold web elements that can be dragged or clicked to bring them on Canvas holding the web page

<b>Month 2:</b>

<b>Month 2:</b><br/>

1.Develop properties windows. Develop Muti-tabbed Canvas where user can simultaneously open several web project entities like web page, script file, image,etc.

1.Develop properties windows. Develop Muti-tabbed Canvas where user can simultaneously open several web project entities like web page, script file, image,etc.<br/>

2.Develop Sugar Toolbar with button for design mode, source mode and publish mode

2.Develop Sugar Toolbar with button for design mode, source mode and publish mode<br/>

3.[Milestone]Write python class to handle canvas entities and events. like opening the properties windows when element is clicked on web page; Save page on hard disk, read page or file from disk

3.[Milestone]Write python class to handle canvas entities and events. like opening the properties windows when element is clicked on web page; Save page on hard disk, read page or file from disk

<b>Month 3:</b>

<b>Month 3:</b><br/>

1.Write Callback functions to handle events on Items listed in Element toolbox.

1.Write Callback functions to handle events on Items listed in Element toolbox.<br/>

2.[Milestone]Rendering component that will render entities like image, page, script onto canvas.

2.[Milestone]Rendering component that will render entities like image, page, script onto canvas.<br/>

3.Write functionality to save and load the HTML, JavaScript files.

3.Write functionality to save and load the HTML, JavaScript files.<br/>

<b>Month 4:></b>

<b>Month 4:</b><br/>

1.[Milestone]Develop and complete design mode using the classes and components written so far.

1.[Milestone]Develop and complete design mode using the classes and components written so far.

2.[Milestone]Develop and complete source mode using classes and components written so far.

2.[Milestone]Develop and complete source mode using classes and components written so far.

3.[Milestone]Develop and complete publish mode using classes and components written so far.

3.[Milestone]Develop and complete publish mode using classes and components written so far.

<b>Month 5:</b>

<b>Month 5:</b><br/>

1.Identify the approach to use for deploying the web application or site.

1.Identify the approach to use for deploying the web application or site.<br/>

2.Design and develop the classes and components to be used for serving the resources for web application.

2.Design and develop the classes and components to be used for serving the resources for web application.<br/>

3.[Milestone]Develop small web server component to deploy developed web site or web application based on above described approach and classes.

3.[Milestone]Develop small web server component to deploy developed web site or web application based on above described approach and classes.

<b>Month 6:</b>

<b>Month 6:</b><br/>

1.Devise support for HTML 5 widgets. Once we are ready with base version of this Activity we can definitely add these.

1.Devise support for HTML 5 widgets. Once we are ready with base version of this Activity we can definitely add these.<br/>

2.Support for deployment to server can be provided where user can select server to FTP files created through this activity.

2.Support for deployment to server can be provided where user can select server to FTP files created through this activity.<br/>

3.[Milestone]Collaboration: Support to allow multiple users working on same web project(or website)- editing different pages or parts to complete it in collective manner- This will enhance teamwork and encourage collective working environment.

3.[Milestone]Collaboration: Support to allow multiple users working on same web project(or website)- editing different pages or parts to complete it in collective manner- This will enhance teamwork and encourage collective working environment.<br/>

4.To make it more interesting,link the activity with a small server component developed in previous step that will serve the web pages created through this activity. Children can then directly host the pages by hitting a button in this activity. i.e they can deploy/undeploy the web application with one click.

4.To make it more interesting,link the activity with a small server component developed in previous step that will serve the web pages created through this activity. Children can then directly host the pages by hitting a button in this activity. i.e they can deploy/undeploy the web application with one click.

Share the activity for testing among developers, testers in the community.

Share the activity for testing among developers, testers in the community.