MVVM-malli ja JavaScript. Case: Yhteystietojen hallinta

Abstract

Opinnäytetyön aiheena oli Knockout.js JavaScript-kirjaston esitteleminen T-Base Oy:llä toteutettavan yhteystietohallintajärjestelmän avulla. Projekti on toteutettu web-sovelluksena käyttäen Sharepoint-tekniikkaa palvelinpuolella ja MVVM-mallia asiakaspuolen JavaScript-koodille. Opinnäytetyössä esitelty osuus on vain pieni osa T-Base Oy:n yhteystietojen hallintajärjestelmää.

Opinnäytetyön teoriaosuudessa pohditaan web-ohjelmoinnin nykytilaa, esitellään MVVM-malli, sekä kerrotaan miten malli otetaan käyttöön Knockout-kirjaston avulla. Lisäksi osuudessa verrataan Knockoutilla ja perinteisellä JavaScriptillä toteutettua komentorivikoodia.

Toteutusosuudessa esitellään Knockout-kirjaston perustoimintaperiaatteita toimeksiannon kautta rakentamalla moderni ja responsiivinen käyttöliittymä. Toimeksianto koostuu uusien yhteystietojen ja yrityksien lisäämisestä sekä siihen liittyvästä web-käyttöliittymästä.

The purpose of this thesis was showcasing Knockout JavaScript library in a contact management software developed in T-Base Oy. Project is implemented as a web application using Sharepoint for server management and introducing MVVM design pattern for the clientside JavaScript. The presented part of the software in this thesis is only a small part of the final contact management system developed in T-Base Oy.

In the theoretic part of this thesis, I'll contemplate the current situation of web-based software development. I'll also introduce MVVM pattern and explain how it can be utilized in JavaScript programming.

In the concrete part of the thesis, I'll showcase how Knockout is used in developing a modern and responsive user interface. The application showcased in this thesis consists of adding new companies with contacts and how to build the JavaScript logic using Knockout's MVVM pattern for the user interface.