MVVM-mallin toteutus KnockoutJS-kirjastoa käyttäen

Abstract

Opinnäytetyön aiheena oli web-sovelluksen käyttöliittymäohjelmoinnin toteutus käyttäen Model-View-ViewModel (MVVM)-mallia. Työn tarkoituksena oli luoda toimiva käyttöliittymä ja kerätä tietoa käyttöliittymän toteutustavasta.

Opinnäytetyön tutkimusongelmana oli selvittää, kuinka saadaan toteutettua käyttöliittymään yksinkertaisia elementtejä käyttäen MVVM-mallia ja mitä hyötyä sen käytöstä on sovelluskehityksessä. Tutkimustulokset ovat peräisin omista toteutustavoista käyttäen laadullista tutkimusmenetelmää. Aineiston keruu tapahtui oman työskentelyni kautta samalla, kun kehitin uutta toiminnallisuutta osaksi käyttöliittymää.

Tuloksena opinnäytetyössä oli valmis arkkitehtuuritoteutus sekä HTML-elementit, jotka toimivat MVVM-mallin avulla käyttäen KnockoutJS-JavaScript-kirjastoa. Tarkoituksena oli, että opinnäytetyössä näytettävät toteutustavat ovat toimivia kokonaisuuksia.

Implementing MVVM pattern using KnockoutJS library

The subject of this thesis was making user interface for web application by using Model-View-ViewModel (MVVM)-pattern. The purpose of the work was to create a workable user interface and to gather information about implementation of user interface.

The research problem of the thesis was to find out how to implement elements of user interface by using MVVM-pattern and what are the benefits of using MVVM in application development. Re-search results are derived from my own methods of implementations using qualitative research method. The data collection happened while working on a project and developing new functional-ities into the user interface.

As a result from the thesis was a complete architecture of user interface and HTML elements that work using MVVM-pattern and KnockoutJS JavaScript library. It was intended that methods of im-plementation are functional entities.