Mobiilisovelluskehitys Vue Nativella

Abstract

Opinnäytetyön tavoitteena oli tutustua Vue Nativeen ja luoda uusi versio vanhentuneesta mobiilisovelluksesta. Vue Native on mobiilikehityksessä hyödynnettävä kirjasto, jonka koodi kääntyy lopulta React Native koodiksi. Tämä säästää aikaa ja yhdellä koodipohjalla voidaan luoda iOS ja Android -sovelluksia. Pienet eroavaisuudet tulee kuitenkin ottaa huomioon. Zaibatsu Interactive Oy:llä oli kiinnostusta kuulla ja kokea, onko Vue Native -teknologiasta tulevaisuudessa hyväksi valinnaksi projekteihin. Sovelluksen tuli olla helppokäyttöinen ja selkeä. Siihen tuli myös uudistaa ulkoasu vastaamaan uudistettua brändi-imagoa.

Suunnittelun aikana käytettävyys ja sijoittelu nousivat tärkeiksi osa-alueiksi. Suunnitelma toteutettiin hyödyntäen Affinity-ohjelmia ja ottamalla vaikutteita menestyneistä mobiilisovelluksista. Vaatimukset sovellukselle kirjattiin Trelloon, jota käytettiin prosessinvalvomiseen ja -hallintaan. Hyvän suunnittelun ansiosta pystyttiin karsimaan virheellisiä ajatuksia heti alusta lähtien.

Toimeksiantajan tietotaito nousi arvoonsa, kun piti keksiä erilaisia keinoja ongelmiin. Kehityksen aikana luotiin myös testitietokanta, johon päädyttiin hyödyntämään NoSQL-tietokantaa nimeltä MongoDB. Datan säilömisen rakenne oli yksinkertainen, joten siitä ei seurannut erityisiä ongelmia. Lopputuloksena syntyi toimiva kokonaisuus, joka näyttää hyvältä ja tuntuu nykyaikaiselta. Vue Nativen soveltuminen mobiilisovelluskehityksessä todettiin toimivaksi. Vue Native -dokumentaatio on kuitenkin rajallinen ja vaatii React Native osaamista tueksi. Opinnäytetyön tuloksena oli toimiva ja näyttävä sovellus. Vue Nativen toimivuudesta ja sovellusrakentamisen selkeydestä saatiin käytännön kokemusta. Sovellusta ei rajoitteitten takia saatu kuitenkaan liitettyä yrityksen toimintaan lopullisesti.