Development Of Model-Based Code Generation Techniques For The AngularJS Framework

OData support
Gincsai Gábor
Department of Automation and Applied Informatics

With the help of conceptual modeling complex systems can be understood more easily because we can look at them from a higher abstraction level. This method gives an overall look for the whole application, making its components and connections possible to observe. The most famous modeling language of the software industry is the Unified Modeling Language (UML). It is intended to provide standard ways to visualize the structure and behavior of systems and processes from multiple aspects.

Source code generation is a method that outputs code files from an input model. It guarantees structured and high quality code but requires a well-thought-out methodology. The success of the procedure relies on whether the right operations get automated or not.

The purpose of this thesis is to examine - in the case of the AngularJS framework made for the JavaScript language - that the modeling and generation of which software components could be the most beneficial. To find it out I first made a sample application as a control, without modeling or code generation. As a result, potential bottlenecks in the code were identified where automation could have to most advantage. The next step was the development of the code generator that takes a UML class diagram made in a modeling software as its input and produces JavaScript source files that can be inserted to the project as output. With the generated files I coded the sample application again, which made the hand-coded version comparable with the generator-aided method revealing its advantages and disadvantages.


Please sign in to download the files of this thesis.