UI Toolkit Design and Implementation using Angular2 Framework

OData support
Kundra László János
Department of Automation and Applied Informatics

There is an enormous amount of open source client-side systems available nowadays, as the World Wide Web and thin client are gaining popularity. Most of them are made to be project specific, however became so generic that they are shared to the community later (e.g. Bootstrap, Material). Currently there is an increasing number of user interfaces made using thin client solutions, as it is the single really cross-platform solution, and can be used on computers, mobile devices or even on TVs as well.

Angular is one of the most popular of the available front-end libraries. It has more than 25.000 stars and over 7.000 forks on GitHub. It is downloaded monthly by over 1.000.000 people every month from the npm repository, and it continues gaining popularity and growing. However Angular is not the only one that is so popular. Nowadays it is nearly unimaginable that a web application is made without a UI toolkit. My goal is to develop a toolkit, that is using already existing ones, containing general functions, so it can be using in most applications.

Firstly, I show the advantages and disadvantages of a few already existing and popular Angular toolkits. Then I give a technology overview of Angular2 basics and usage. I explain the steps of creating my own toolkit. I have created a showcase, and describe the structural and functional elements of it. In the final part of my thesis, I specify the build processes and the publication of the code and the full ecosystem.


Please sign in to download the files of this thesis.