AngularJS : yksisivuisen web-sovelluksen käyttöliittymän toteutus AngularJS:llä

Abstract

Opinnäytetyössä tutkittiin mikä on AngularJS-JavaScript-ohjelmistokehys ja miten se soveltuu yksisivuisen web-sovelluksen käyttöliittymän toteutukseen.

AngularJS on vuonna 2012 julkaistu Googlen ylläpitämä JavaScript-ohjelmistokehys, joka on tarkoitettu ensisijaisesti yksisivuisten web-sovellusten kehittämiseen.

Opinnäytetyön teoriaosuudessa tutkittiin mikä AngularJS on ja mitkä ovat AngularJS:n keskeiset konseptit ja sovelluskomponentit. Tarkastelu pohjautui AngularJS:stä kirjoitettuun kirjallisuuteen, verkkoartikkeleihin ja AngularJS:n virallisen dokumentaatioon.

Opinnäytetyön toiminnallisessa osassa toteutettiin AngularJS:llä yksisivuisen web-sovelluksen käyttöliittymä. Web-sovelluksen idea oli koota yhteen tietoa Helsingin seudulla järjestettävistä tapahtumista.

Toiminnallisen osan perusteella tehtiin havaintoja ja päätelmiä siitä miten AngularJS yksisivuisen web-sovelluksen käyttöliittymän toteutukseen soveltui. Kaiken kaikkiaan AngularJS soveltui tarkoitettuun tehtävään hyvin. Muun muassa AngularJS:n MVC-arkkitehtuuri, reititys ja aktiivisen kehittäjäyhteisön tuki arvioitiin asioiksi, jotka tekivät AngularJS:stä hyvin soveltuvan ohjelmistokehyksen yksisivuisen web-sovelluksen käyttöliittymän toteutukseen.

This thesis examined the parameters of the AngularJS JavaScript framework and how it applies to developing a user interface of a single-page web application.

AngularJS is a JavaScript framework that is primarily intended for developing single-page web applications. AngularJS was published in 2012 and is maintained by Google.

The theoretical part of the thesis examined what AngularJS is and what are AngularJS' key concepts and application components. The examination was based on literature, online articles and the official documentation of AngularJS.

In the operational part of the thesis, the author created a user interface of a single-page web application. The idea of the web application was to bring together information about events in the Helsinki metropolitan region.

Based on the operational part of the thesis, observations and conclusions were made about how AngularJS is suited for developing a user interface of a single-page web application. All in all, AngularJS suited well for this purpose. For instance, AngularJS' MVC architecture, routing system and the support of an active developer community were considered as matters that made AngularJS well-suited for developing a user interface of a single-page web application.