MVC-arkkitehtuurin käyttö AJAX-sovelluksessa

Abstract

Tämän opinnäytetyön tavoitteena on tutkia, kuinka ja missä tilanteessa MVC-arkkitehtuuria voidaan hyödyntää web-palvelun asiakassovelluksessa. MVC-arkkitehtuuri ja sen variantit ovat pitkään olleet de facto -standardin asemassa työpöytäsovellusten kehityksessä. MVC:tä voidaan hyödyntää myös web-asiakassovelluksissa, mikäli käytetään tekniikkaa, jonka avulla voidaan ajonaikaisesti suorittaa HTTP-kutsu ja myös ajonaikaisesti päivittää käyttöliittymää vastaanotetulla datalla. Yksi tällainen tekniikka on AJAX, jonka yksi etu muihin saatavilla oleviin tekniikoihin nähden on se, ettei sen käyttö vaadi lisäosien asentamista selaimeen.

AJAX:ia hyödyntävässä web-asiakkassovelluksessa voidaan hyödyntää hyvin pitkälle työpöytäsovelluksista tuttuja ratkaisumalleja, kuten MVC-arkkitehtuuria, koska sovelluksen tieto ja ohjelman kontrolli säilyvät HTTP-kutsun aikanakin. Tässä opinnäytetyössä pyritään havainnollistamaan MVC-arkkitehtuurin rakenne ja toiminta sekä tuomaan esille sen edut ja haittapuolet, jotta lukija voi muodostaa oman käsityksensä siitä, milloin MVC:n käytöstä on hyötyä ja milloin ei.

MCV-arkkitehtuurin toteutusta ja käyttöä havainnollistettiin pienimuotoisessa esimerkkisovelluksessa, jossa sitä hyödynnetään hyvinkin erilaisissa tilanteissa. Esimerkkisovellusta toteutettaessa kävi selväksi, että MVC:n toteuttaminen niin sanotusti puhtaalta pöydältä saattaa olla työlästä ja virhealtista, mutta huolellisesti suunniteltuna ja toteutettuna se helpottaa sovelluksen laajennettavuutta, muokattavuutta, ylläpidettävyyttä ja komponenttien uudelleenkäyttöä huomattavasti. Erityisen hyödyllinen MVC-arkkitehtuuri on tilanteessa, jossa sovellus muodostaa ajonaikaisesti yhdestä tietolähteestä useita synkronoituja näkymiä ja jossa näiden näkymien lukumäärä ei ole välttämättä ennalta tiedossa.

The aim of this thesis is to examine how and in which situations the client application of a web service may utilize the MVC architecture. MVC architecture and its variants have been in a position of the de facto standard in the development of desktop applications for a long time. MVC may also be applied to web client applications, if a method that allows making a run-time HTTP-request and updating the user interface with data received as well is also used. A method of this kind is AJAX, which advantage when compared to other available methods is that it does not require any plug-ins to be installed to the browser.

The same solutions, such as MCV, which are created to use in desktop applications, may fairly similarly be utilized in web client applications that make use of AJAX, because the information and control of an application is retained during the HTTP-request. This thesis aims to demonstrate the structure and operation of MVC architecture and highlight out its pros and cons so the reader may form his own conception of when applying MVC is beneficial and when it is not.

The implementation and usage of MVC architecture is demonstrated in a small-scale example application in which MVC was used in a variety of situations. When implementing the example application, it became evident that implementing MVC, so to say, from ’scratch’ may be laborious and error-prone, but when carefully designed and implemented, it notably improves the scalability, modifiability and maintainability of an application and the reuse of the components of the application. MVC is especially useful in situations where an application creates several synchronous views from a single data source in run-time and the number of these views is not necessarily known beforehand.