Hybridisovellusten kehitys mobiililaitteille

Abstract

Opinnäytetyössä tutkittiin alustariippumatonta hybridisovelluskehitystä. Työssä keskityttiin selvittämään PhoneGap-sovelluskehyksen soveltumista hybridisovelluskehitykseen sekä tutkittiin hybridisovellusten mahdollisuuksia, vahvuuksia ja heikkouksia verrattuna web- ja natiivisovelluksiin.

Opinnäytetyön toimeksiantajana toimi jyväskyläläinen Mainostoimisto MEOM Oy, jolle toteutettiin Aarrejahti-sovellus PhoneGapilla. Sovelluksessa on erilaisia kampanjoita, jotka sisältävät yhden tai useamman aarrejahtikilpailun. Nämä aarrejahdit jaetaan kolmeen eri vaiheeseen: ensimmäisessä ja toisessa vaiheessa käyttäjälle näytetään aarteen sijainnista eri vihjekuvat ja kerrotaan, läheneekö vai loittoneeko kilpailija aarteen sijainnista. Kolmannessa vaiheessa aarteenetsijä tarkistuttaa sovelluksessa aarteen sijainnista löytyvän koodin, jonka ollessa oikein aarteenetsijä täyttä sovellukseen yhteystietonsa palkinnon lähettämistä varten. Sovellus käyttää laitteen sijaintia paikallistaakseen kilpailijan.

PhoneGapin lisäksi opinnäytetyössä vertailtiin kahta käyttöliittymäkehystä: Sencha Touchia ja jQuery Mobilea, joista jälkimmäinen valittiin Aarrejahti-sovelluksen toteutukseen. Opinnäytetyössä pyrittiin tutkimaan tapoja toteuttaa mobiilisovelluksia mahdollisimman vaivattomasti eri päätelaitteille niin, että samaa koodia voitaisiin käyttää kaikilla mobiilialustoilla. Lopuksi tarkasteltiin hybridisovellusten mahdollisuuksia sekä tulevaisuudennäkymiä.

This Bachelor's Thesis studies platform-independent hybrid application development. The study focused on researching PhoneGap application framework's suitability for hybrid application development, and studying the possibilities, strengths and weaknesses of hybrid applications compared to web and native applications.

This thesis was commissioned by MEOM Oy, an advertising agency from Jyväskylä. A Treasure Hunt application was developed for this thesis. The application has a variety of campaigns, which contain one or more treasure hunt contests. The treasure hunts were divided into three stages: in the first and second stages the user is presented with different hint images of the treasure's location and the application tells the user whether he or she is moving closer or farther away from the treasure's location. In the third stage the user types in the treasure's unique code and if the code is correct the application asks the user to fill in contact information for sending his or her prize. The application uses GPS to locate the user's current location.

In addition to PhoneGap, two user interface frameworks were compared in this thesis: Sencha Touch and jQuery Mobile, the latter of which was selected in the implementation of the Treasure Hunt application. This thesis aimed at researching ways to implement mobile applications to various devices effortlessly, that the same code could be used on all mobile platforms. Lastly the potential and future prospects of hybrid applications were analyzed.