DesignerWithEmbeddedBrowserUIRequirements
Designer With Embedded Browser UI Requirements
This documents provides UI capabilities of the Designer which are needed in regards to the Embedded Browser and its capabilities. The document has two parts. First parts lists and explains the minimalistic approach, which would provide usable Designer. The second one lists the rest of the features which would provide Designer with advanced features.
Basic Designer UI Capabilities
- Selection Feedback is a standard selection feedback, to provide user the information about which component(s) are focused.
- Drag and Drop allows to provide drag transferable(s) from outside of the designer into it and also provide drop feedback during the process.
- Inline Editing provides user possibility to directly alter the content of textual areas or individual label in the document.
- Moving of the Components allows user reposition component already in the document, also it needs to provide move feedback during the process.
- Resizing of the Components provides user ability to change the size of the component
Requirements on Embedded Browser to Fulfil the Requirements.
- For Selection Feedback Ideally would be to be able draw our selection feedback, for which would be needed the API providing location and size of boxes for selected components and also allowing painting the feedback on top of those components.
- For Drag and Drop Embedded Browser needs to provide events about the ongoing DnD and also an API which provides the dragged transferable, to be examined during the process. Also there is needed to have API to be able to change cursor feedback.
- For Inline Editing There are two possibilities, either to use the editor provided by Browser or to provide feedback with the help of transparent layer on top of the browser. It seems that the browser editor might be sufficient.
- For Moving of the Components It is needed to be able to provide feedback based on the cursor position and also cursor feedback, that requires to be able to paint the semi-transparent component on top of the Browser.
- For Resizing of the Components It needs to be able to provide resize handles for components able to be resized, that might require the drawing on top of the browser component.
Advanced Designer UI Capabilities
- Decoration Feedback provides user with additional possible information about the document or individual components, the examples are virtual forms and binding decorations in JSF.
Requirements on Embedded Browser to Fulfil the Requirements.
- For Decoration Feedback it is required to have full painting capability over the browser component.
