Creating high quality, interactive web based user interfaces can be achieved with the previously described standard technologies. To be able to generate optimized application code and have the functionality as modeled within Magic Draw it is essential to use frameworks. The following frameworks are excessively used.

AJAX

Asynchronous JavaScript And XML is a group of interrelated technologies that work together to enable web based clients to communicate and exchange data with a server. This communication is done in the background which means the current state of the loaded user interface will not be changed (in classic web applications, submitting a form requires a reload or relocation of the page itself). The data is sent and received asynchronous. In the case of xUML UI it comes to use when xUML SOAP services are called within the xUML UI application.
AJAX is a core part of the jQuery framework.

jQuery

Using JavaScript in a traditional way to create highly dynamic rich web applications is a matter of writing a lot of code. jQuery is a library which offers an elegant and easy to learn way to achieve trivial tasks like giving table rows a zebra-stripe look and feel.
Not only that jQuery makes authoring of web applications more easy by offering a library with additional functionality, it does it also in an unobtrusive way which means it works on the DOM structure of a HTML document instead of embedding the scripts within the different HTML tags. jQuery retrieves the elements of a HTML page and performs operations on them and this on all common web browsers.
jQuery offers a wide range of style sets called themes which can be applied to web applications. The standard themes are implemented into the Builder and can be selected during the process of creating the component diagram.
For further information, please visit http://jquery.com
For using xUML UI there is no need to directly work or change any jQuery code. The code for all standard user interface components is generated by the xUML Compiler. However, it is possible to extend the generated code by additional JavaScript and jQuery snippets - if needed.

  • No labels