18
edits
Changes
Jump to navigation
Jump to search
Line 36:
Line 36: − + Line 44:
Line 44: + + +
no edit summary
* <b>IDE:</b> This will be an Integrated Development Environment(IDE) where toolbars will be presented with HTML components on it. Thus providing drag-drop feature for creating HTML pages just by dragging HTML components on canvas. The drag-drop operation on canvas will generate HTML markup in the backgroud and save to the file
* <b>IDE:</b> This will be an Integrated Development Environment(IDE) where toolbars will be presented with HTML components on it. Thus providing drag-drop feature for creating HTML pages just by dragging HTML components on canvas. The drag-drop operation on canvas will generate HTML markup in the backgroud and save to the file
* <b>Modes of Operation:</b> It will support three modes-
* <b>Modes of Operation:</b> It will support three modes-
<b>(a)Design Mode:</b> In this mode, children can create HTML pages on the fly using drag-drop feature.
<b>(a)Design Mode:</b> In this mode, children can create HTML pages on the fly using drag-drop feature. The HTML components will be visible on canvas with re-sizing border. Double clicking on any HTML component will bring up its properties loaded into "Properties" window(Shown right below toolbar in screen mockup)
<br/>
<br/>
<b>(b)Source Mode:</b> In this mode, children can create HTML pages by writing the HTML markup by themselves. As in writing the Source code.
<b>(b)Source Mode:</b> In this mode, children can create HTML pages by writing the HTML markup by themselves. As in writing the Source code.
* <b>Tabbed Canvas</b>: Multitab feature where several pages can be edited simultaneously.
* <b>Tabbed Canvas</b>: Multitab feature where several pages can be edited simultaneously.
<b>Flow:</b> The flow will be like this: User starts with a new document. A 'New' document will be a new tab in multi-tabbed widget with a canvas as its child. Then the user can proceed in any of two development modes(design and source). Consider the design mode first. The user can create HTML pages on the fly by drag-drop the HTML component on to the canvas. This will bring up the component on canvas and at the same time the resulting HTML markup for entire document will be saved to file( if it is already saved) or to a temp file( if it is not yet saved by user). This mode provides quickest way to create HTML pages. The HTML components listed in toolbar will consists of TextBox, Checkbox, Paragraph, Headings, Tables, Radio button and other HTML markups currently in use. Now consider the source mode. In this mode the user can view the HTML markup. He can write HTML markup on his own in this mode. This will be beneficial for children to practice creating pages once they have idea of structure of markup of HTML components.
Children can switch between Design, Source and Publish modes to view page in different perspective.
== Benefit to Sugar ==
== Benefit to Sugar ==