13.07.2015 Views

Thesis full text PDF - Politecnico di Milano

Thesis full text PDF - Politecnico di Milano

Thesis full text PDF - Politecnico di Milano

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Several frameworks use pure JavaScript and HTML to create extremely complex UI effects. Thesekinds of frameworks provide high-level abstractions on top of some meaty JavaScript, makingthe effects simple to implement in your application. The results are often completely crossbrowsercompatible, and fail grace<strong>full</strong>y to static HTML in legacy browsers.Ajaxian Web FrameworksAt the top of the tower are the web frameworks that are aware of Ajax. This is a growing group,and covers all of the platforms. All the major players are represented: Java, .NET, Ruby, PHP,Python, Perl, etc. Once again, the various frameworks offer <strong>di</strong>fferent models for how you canwork with them in an Ajaxian world.Code GenerationThe Ruby on Rails community jumped on Ajax like nobody else. They offer high-level Ruby helperfunctions which generate Prototype-based JavaScript code. WebWork2 is doing the same thingon the Java platform, utilizing the Dojo Toolkit as the base JavaScript framework. Many otherframeworks are following suit, from Spring to CherryPy to PHP.Component-basedASP.NET had Ajaxian components before there was Ajax. Other frameworks such as JavaServerFaces and Tapestry on the Java platform join ASP.NET by letting you use components that mayhappen to use Ajaxian techniques. In this world, you drag your DataTableComponent onto yourdesigner view and start tweaking the property sheet for that component.3.2. Frameworks, Toolkits and Libraries for the Online E<strong>di</strong>torAfter having analyzed in depth all the solutions currently available (see Appen<strong>di</strong>x A) and havingfocused our research on tools suitable to our goal we have decided to use two packages thatallow us to unleash the <strong>full</strong> potential of JavaScript and DOM but at the same time be compatible,versatile and cross-browser. Our choice has fallen on the OpenJacob Draw2D Javascript library tocreate <strong>di</strong>agrams inside the browser and on the Yahoo! User Interface library (YUI) which is a setof utilities and controls, written in JavaScript, for buil<strong>di</strong>ng richly interactive web applications. Inthe following paragraphs we will describe this two powerful libraries.3.2.1. OpenJacob Draw2D libraryOpenJacob Draw2D is a free Javascript library to create drawings and <strong>di</strong>agrams. The library isreleased with an Open-source license under LGPL. The User interface allows interactive drawingby using a standard browser. No ad<strong>di</strong>tional software has to be used and no third party plug-ins.Draw2D is a client software written in Javascript which can be used to create graphic webapplications without being supported by server-side components. In the following figure we cansee a simple example of what we can create with Draw2D.20

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!