UI-sovelluskehysten vertailu ASP.NET-ympäristössä

Abstract

Opinnäytetyössä tehtiin Proof of Concept (PoC), kuinka modernisoida tuotteen teknolo-gioita ja niiden potentiaalia vanhojen menetelmien korvaajina. Samalla tutkittiin vaihto-ehtoisia tapoja siirtää dataa sovelluskerrosten välillä. Tavoitteena oli myös kehittää teki-jän omaa osaamista sovelluskehittämisen eri osa-aluilla. Taustalla oli olemassa oleva tuo-te energia-alan sovellusperheestä, jonka sisällä kokeilu toteutettiin. Työssä tehtiin aluksi alkumäärittelyt, suunnitelmat ja työmääräarviot. Työssä toteutettiin REST-rajapinta käyttäen ASP.NET:n Web API-sovelluskehystä ja erilli-nen näyttömalli, joka lähetetään käyttöliittymille. Näyttömalli tehtiin noudattaen DTO-mallia ja niistä generoitiin TypeScript-luokat TypeWriter-lisäosaa käyttäen. Käyttöliittymät toteutettiin käyttäen Vue.js- ja React-sovelluskehyksiä. Molemmat käyttöliittymät luotiin noudattaen näiden ominaisia kehitystapoja sekä käyttäen TypeScript-ohjelmointikieltä. Näiden sovelluskehysten välillä käytiin vertailu, kumpi sovelluskehys sopii paremmin ky-seiselle tuotteelle ja kehittäjille. Tuloksena tuli uusi rajapinta, joka hallinnoi tiedonsiirtoa sovelluskerrosten välillä. Olemas-sa olevasta tietokantamallista tehtiin typistetyt DTO-mallit. Käyttöliittymät tehtiin samalla sivulle rinnakkain. Kaikkien näiden tueksi tehtiin tarvittavia konfiguraatiomuutoksia ole-massa oleviin konfiguraatiotiedostoihin. Vue.js-sovelluskehys sopii paremmin tuotteelle tekijän ja kehitystiimin mielestä. REST-API todettiin toimivaksi, mutta se vaatii vielä jatkokehitystä. DTO-malli ei sovellu tuotteen käyttötarkoitukseen suoraan, vaan vaatii jatkojalostamista. TypeWriter todettiin toimi-vaksi tietomallin eheyden ylläpitämiseksi.

The goal of the thesis was to do a Proof of Concept (PoC) on modernization of an existing product in the energy industry, mainly focusing on its technologies and finding alternative ways to transfer data across application layers. One of the goals was also to improve the skillset of the writer regarding the needs of modern web development. The thesis starts with original requirements, plans and workload estimates. The work consists of a REST-API made with Web API 2-framework, and a separate view model, which was made with DTO-mindset. From these DTOs were generated separate interfaces and classes with the TypeWriter-addon. The user interfaces were made with React- and Vue.js-frameworks, and both used TypeScript-language. Between these two frameworks, a comparison was made regarding the needs of the product and the opinion of the development team. As a result, an API was made to control the transference of data. The heavily truncated DTO-models were made from the existing database model, only consisting of the rele-vant data the thesis needed. The user interfaces were made to the same page side to side. To support the changes, some configurations were changed/added to the product. As a result, Vue was considered superior framework to support the future development of the product. REST-API was considered functional, but that it still needs some more development. The DTO-model was not suitable to the needs of product as is and needs further examination. The TypeWriter-addon was deemed useful at securing the integrity of the data.