Evaluation of Front-end JavaScript Frameworks for Master Data Management Application Development

The purpose of this thesis was to evaluate the most significant JavaScript frameworks in terms of a master data management (MDM) application development, and select the most feasible option for use in FCG Prodacapo Group. In the study, modern web application architecture and the differences between multi-page applications and single-page applications were exploited. The structure of JavaScript frameworks and libraries was introduced, and three of the most popular technologies were selected into the evaluation process: React.js, Angular and Vue.js. The selected frameworks were evaluated focusing on relevant factors in the development of an MDM application. These factors included the frameworks’ structure, such as components, data binding and state management. Other aspects related to efficient development were considered as well, such as frameworks’ popularity and prospects, documentation and developer experience. The final selection was based on aspects seen as the most important considering the whole ensemble, such as frameworks’ fulfillment of the general requirements for an MDM application, frameworks’ continuation of development and high effectiveness. Considering these aspects, the evaluated factors were placed in order of significance, and on the basis of these aspects, Angular was chosen as the best choice for MDM application development. For verifying the feasibility of the selected framework (Angular), a test application was implemented. The test application included two pages, and functionalities for routing, data table and for server connections. The test application filled its objectives and verified the feasibility of the Angular framework. All evaluated frameworks were found to be suitable for fulling the needs. The evaluated factors were not equally important from the evaluation point-of-view, but the evaluation was based on aspects seen as the most important. The evaluation process is suitable on a more global scope as well, as the minimum requirements were not strictly MDM application specific. According to the company, this thesis achieved its objectives comprehensively. It is highly probable that Angular will be used in MDM application development and as the company’s main front-end development platform.Insinöörityön tarkoituksena oli arvioida merkittävimpiä JavaScript-ohjelmistokehyksiä ja valita niistä soveltuvin vaihtoehto käytettäväksi avaintiedon hallintaan (Master Data Management, MDM) keskittyvässä web-sovelluskehityksessä insinöörityön tilaajayrityksessä. Työssä perehdyttiin moderniin web-sovellusarkkitehtuuriin, sekä monisivuisten ja yksisivuisten web-sovellusten eroavaisuuksiin. Myös JavaScript-ohjelmistokehysten ja kirjastojen rakenteet käytiin läpi, ja kolme tämän hetken suosituinta teknologiaa valittiin arviointiprosessiin: React.js, Angular ja Vue.js. Valitut ohjelmistokehykset arvioitiin keskittymällä MDM-järjestelmän kehitykseen liittyviin olennaisiin asioihin. Näihin sisältyivät ohjelmistokehyksen rakenne, kuten ohjelmistokehyksen komponentit ja vuorovaikutus, tiedon sidonta sekä tilanhallinta. Myös muita esteettömään sovelluskehitykseen liittyviä asioita otettiin huomioon, kuten ohjelmistokehyksen suosio ja tulevaisuudennäkymät, dokumentaatio ja kehittäjäkokemus. Lopullinen valinta perustettiin kokonaisuuden kannalta tärkeimpinä nähtyihin asiakokonaisuuksiin, jotka olivat yleisen MDM-sovelluksen vähimmäisvaatimusten täyttyminen, ohjelmistokehyksen tuen jatkuminen ja ohjelmistokehyksen tehokkuus. Näiden kokonaisuuksien valossa arvioidut asiat asetettiin merkitsevyysjärjestykseen, ja arvioinnin tuloksena Angular valittiin parhaaksi vaihtoehdoksi MDM-järjestelmän kehitykseen. Ohjelmistokehyksen soveltuvuuden ja MDM-järjestelmälle tyypillisten toimintojen toteutettavuuden varmistamiseksi toteutettiin testisovellus. Testisovelluksessa oli kaksi sivua, ja ominaisuuksina reititin, datataulukko ja palvelinyhteys. Testisovellus täytti tavoitteensa ja varmisti Angularin soveltuvuuden. Työn aikana huomattiin, että kaikki ohjelmistokehykset täyttävät vähimmäisvaatimukset. Arvioidut aiheet eivät olleet samanarvoisia arvioinnin näkökulmasta, vaan valinta perustui tärkeimpinä pidettyihin asioihin. Työn arviointiprosessi soveltuu käytettäväksi myös yleisemmällä tasolla, sillä vähimmäisvaatimukset eivät olleet MDM-sovelluskohtaisia. Insinöörityön tilannut yritys pitää opinnäytetyötä kattavana ja tarkoitukseen sopivana. On todennäköistä, että Angularia tullaan käyttämään yrityksessä MDM-järjestelmän kehityksessä ja yrityksen pääasiallisena kehitysalustana selainpuolen ohjelmistokehityksessä