Thesis full text PDF - Politecnico di Milano

More documents

Recommendations

Info

Figure 3.6 – Draw2D lines and commands class hierarchyThe relevant objects for our objectives are essentially the ImageFigure and Connection objects,the Port object, the Command object and all its sons, the PropertyWindow and the ToolPaletteobjects.ImageFigureAn ImageFigure is a Node object that allows to create, inside the workflow area, a figure which isrepresented by a personal .PNG graphic file. All figures of the tool will be realized using thisspecific Node object.ConnectionA Connection is a Line object that allows to create a link between two figures. This object is verycrucial for the navigation flow of the diagram.PortEach ImageFigure of our diagram has a connection Port, this one is needed to generate a linkbetween two figures. The user can connect objects by dragging and dropping an object Port toanother object Port. Each port works as InputPort and OutputPort at the same time, that is anobject is able to accept input links but also to send off output links.CommandThis is the class for execute all kinds of commands available in the Draw2D framework. The maincommands are: CommandAdd to add an object to the workflow area, CommandConnect andCommandReconnect to connect objects with links, CommandDelete to remove objects from theworkflow area, CommandMove and CommandMoveLine to move objects. This class is also thebase class for the undo / redo support of the framework.PropertyWindow24
The PropertyWindow is maybe the most important class for our project. This window allows tomonitor the selection of all the elements. When the user change the selection of the element inthe workflow area, the PropertyWindow keeps this event and shows the element properties. Thiswindow will be crucial to manage the state and the properties of the selected objects.ToolPaletteThe ToolPalette is a palette which can be personalized by inserting in it all the objects that wewant to make available for the user. The user will have the possibility to click an object on thepalette and to insert in the workflow area. The ToolPalette will therefore be the work instrumentof the tool.To better understand how Draw2D works we show an example of implementation in which wecreate a tool palette that will be used from the user to add objects to the diagram in the workarea. In the main page of the project we have to import all the necessary Javascript files of thelibrary to exploit all needed objects and their functions.…// Import all .js library files needed…// Create the work area HTML element inside the page…// Generate the Draw2D work area and associate the HTML elementvar workflow = new Workflow("paintarea");// Add a simple PropertyDialog to the Canvas// This will display the properties of the current select objectvar dialog = new VectorPropertyWindow();workflow.showDialog(dialog,400,10);// Add the Tool Window to the screenvar w = new VectorPalette();workflow.setToolWindow(w);// move the tool palette out of the hint message at the top left cornerw.setPosition(20,140);window.onscroll=function(){workflow.onScroll();};25
Page 1 and 2: POLITECNICO DI MILANOFacoltà di In
Page 4 and 5: INDEX1. Introduction and problem pr
Page 6 and 7: 1. Introduction and problem present
Page 8 and 9: 2.2. Ajax Web Applications2.2.1. Wh
Page 11 and 12: development, nor as easy as old-sch
Page 13 and 14: AJAX application development possib
Page 15: Figure 2.3 - Traditional interactio
Page 19 and 20: frameworks. They allow you to map J
Page 21 and 22: Figure 3.2 - Draw2D shapes exampleT
Page 23: Possibility to use dynamic windows
Page 27 and 28: Win 98 Win 2000 Win XP Win Vista Ma
Page 29 and 30: YAHOO.example.container.panel2.setB
Page 31 and 32: Tab One ContentTab Two ContentTab T
Page 33 and 34: We offer an online design tool that
Page 35 and 36: The Struts ControllerAlthough Strut
Page 37 and 38: many of the connections between the
Page 39 and 40: Table 1. Primitives of the MVC-Webf
Page 41 and 42: a JSP page can contain more than on
Page 43 and 44: Form property typeParameter name Pa
Page 45 and 46: 5. MVC-WebFlow Ajax tool5.1. Object
Page 47 and 48: 5.2. Business requirements and func
Page 49 and 50: the view needs the possibility for
Page 51 and 52: The state diagram in Figure shows a
Page 53 and 54: of the unit but also add and modify
Page 55 and 56: 5.5. Interface requirementsThe grap
Page 57 and 58: We can see in depth all the technol
Page 59 and 60: 5.7. Data schema designThe data sch
Page 61 and 62: Figure 5.15 - Logical view of the a
Page 63 and 64: ApplicationFiles packageThis packag
Page 65 and 66: its navigation flow. At the top the
Page 67 and 68: The developer has to define each el
Page 69 and 70: 6. Conclusions and future developme
Page 71 and 72: 7. Appendix A: Ajax open source and
Page 73 and 74: Avoid traditional approaches proble
Page 75 and 76:
e updated as the result of one Ajax
Page 77 and 78:
complete JavaScript parser which op
Page 79 and 80:
http://www.zimbra.com7.2. JavaScrip
Page 81 and 82:
Build for reliability Stable commun
Page 83 and 84:
Powered by BindowsoooooStrength of
Page 85 and 86:
Possibility to use images in the di
Page 87 and 88:
An SVG DOM implementation A set of
Page 89 and 90:
It’s fast, reliable, more stable
Page 91 and 92:
• ProxyingProxy requests to remot
Page 93 and 94:
WindowsEventAppender: send log mess
Page 95 and 96:
XML form binding for easily copying
Page 97:
24. Guida JavaScript di base - http
show all

Thesis full text PDF - Politecnico di Milano

You also want an ePaper? Increase the reach of your titles

Delete template?

Save as template?