In this paper we propose an online learning method for constructing and editing different types of UML diagrams, with details about their purpose and the technologies used to create the study application. It describes how to design and use the application and how to integrate it as an e-learning content in a virtual learning platform. The paper presents the UML notations, which will be grouped according to the diagrams corresponding to each notation. Analysis of an application implies the development of several categories of models: the use case model, the structural model and the behavior model. The following web technologies were used to build the application: HTML, Javascript, jQuery, CSS3, Ajax, PHP, and MySQL. The basic technology of the application is Javascript, namely the jsuml library. This library has a level-based architecture where graphics management (objects specific to UML charts) is done using application objects, separated into various files. The paper describes the actions in order of their appearance in the application menu. A new created UML chart (type: class, use case, status) generates a new work area, the specific elements of the selected diagram appearing in their dedicated areas. The paper presents case studies with generating and editing examples for all types of UML charts. The procedures the UML charts are created and modified with, as well as the definition of UML diagrams and their classification are described in the application. The Javascript technology was chosen because it allows work with the server without refreshing the page and because it has become more and more powerful, resulting in a more dynamic client-browser interaction. The paper presents examples of new created diagrams using the proposed UML chart management tool. The corresponding application is integrated as e-learning content into the Easy-Learning online learning platform in order to be used as a virtual learning module. Survey experimental results are presented.

E-learning content, Web application, Learning environment, Virtual class, Online platform, Unified Modeling Language, Automatic-generated tools