HTML5-pohjaisen mobiilisovelluksen kehittäminen hybridisovelluskehyksen avulla

Abstract

Insinöörityön tarkoituksena oli luoda uusi mobiilisovellus hyödyntäen nykyaikaisia web-teknologioita ja oppia hybridisovelluskehityksestä. Lopputuotteena oli tarkoitus tuottaa sovellus kahdelle eri alustalle. Työssä vertailtiin eri sovelluskehyksiä ja niiden soveltuvuutta mobiilisovelluksen kehitykseen.

Sovelluskehysten vertailussa tarkasteltiin sovelluskehyksen opittavuutta, soveltuvuutta tiettyyn sovellukseen ja sovelluskehyksen vakautta. Eri sovelluskehysten opittavuudessa ja laajuudessa on suuria eroja.

Insinöörityössä tehtyjen vertailujen pohjalta päädyttiin kehittämään sovellusta tuoreella sovelluskehyksellä, joka on rakennettu PhoneGap-sovelluskehyksen pohjalta.

Sovellus toteutettiin kahden hengen kehitystiimissä lyhyellä aikataululla. Sovelluksen kehityksessä kohdattiin ongelmia käyttöjärjestelmien ja sovelluskehysten päivittyessä jatkuvasti. Kehitystyössä huomattiin, että uudet ja innovatiiviset sovelluskehykset eivät välttämättä ole toimivin tapa tuottaa nopealla aikataululla sovellusta.

Työn lopputuotteena syntyi iOS-alustalle mobiilisovellus, joka toteutettiin käyttäen Steroidsia, AngularJs:ää ja Hammer.js:ää. Sovellus julkaistiin huhtikuussa 2014.

In this thesis the main target was to develop a mobile application with modern web technologies and learn how to do a hybrid application. The end product should be mobile application for two different platforms. In this thesis different frameworks and their applicability to mobile application development were compraed.

In the framework comparison frameworks were studied from the point of learnability and suitability for this particular application and the maturity of the framework.

In this thesis, the comparisons were made on the basis of the development of the application with a fresh application framework, which is built on a PhotoGap application framework.

The final product was a mobile application for iOS platform, which was carried out using steroids, AngularJs and Hammer.js.