Thesis full text PDF - Politecnico di Milano

5.5. Interface requirementsThe graphic style of the interface is based on the GUI Graphical User Interface of editors tool.The goal of MVC-WebFlow interface is to enhance the efficiency and ease of use for the user, toimprove the interactivity and to give the tool the maximum usability. Techniques of usercentereddesign will be used to ensure that the visual language introduced in the design is welltailored to the tasks it must perform.The graphic interface of the tool will be composed by:A Logo section at the left top of the web page A Project panel at the center top of the page: that is a menù bar to access all thefunctionalities of the tool, open a project, save the current project, create a new emptyproject, zoom in and zoom out, build the application modeled files and manage thepersonal profile.A Work area on the rest of the page: that is the workflow area in which the developer willgo to model the application flow creating the MVC-WebFlow diagram model.A Model palette on the left side of the page: that is the objects palette with which the usercan add units in the work area to model the diagram.A Property window which shows the workflow property of the selected object in the workarea, like the position or the dimension.A draggable Property panel on the right side of the page: that is the most important partof the interface which allow the developer to define all the state properties of the unitselected in the work area, for example the name and a path of a JSP page or the textfields of form.In the following figure we can see a simple sketch of the main interface of MVC-WebFlow tool.Figure 5.12 – Sketch of the graphic interface55