MEVN-mobiilisovellus

Abstract

Insinöörityön tavoitteena oli luoda chat-sovelluksesta prototyyppiversio, jolla pystyttäisiin esittämään laitteisto- ja ympäristöriippumattomuus. Chat-sovelluksen avulla oli tarkoitus tutkia ja testata, kuinka ketterää on rakentaa hybridisovellus hyödyntäen verkkosovellustekniikkaa. Hybridisovelluksen etuna on, että sovellusta ei tarvitse luoda erikseen jokaiselle halutulle mobiilialustalle.

Tutkimusprojektissa käytettiin MEVN-sovelluskokoelmaa, joka ei ole käyttöjärjestelmä- tai laitteistoriippuvainen. MEVN-sovelluskokoelma rakentuu MongoDB:stä, Express.js:stä, Vue.js:stä ja Node.js:stä. Valmis sovellus siirrettiin Apache Cordova -kehitystyökalulla mobiilialustalle, ja näin tuotiin myös natiiviominaisuuksia sovellukseen. Cordova loi rajapinnan kehittäjälle mahdollisuuden käyttää Javascript-ohjelmointikieltä laitteistokomponenttien ja alustan natiiviominaisuuksien kutsumiseen.

Sovelluksen prototyypin rakentaminen MEVN-sovelluskokoelmaa käyttäen onnistui hyvin. Sovelluksen käyttöliittymä toimi selaimessa ja Android-mobiililaitteissa hybridisovelluksena. Hybridisovelluksen haastavampia vaiheita oli saada mobiililaitteiden natiivitoiminnot toimintakuntoon, kuten esimerkiksi kameran toiminnot ja tiedostojen lukeminen. Haasteista huolimatta halutut toiminnot saatiin toimimaan.

Alustojen välillä oli kuitenkin huomattavia eroja rajapintatoimintojen määrissä. Esimerkiksi äänenvoimakkuuden painikkeiden tiloja voitiin kuunnella vain Android- ja BlackBerry-alustalla. IOS- ja Windows-alustoilla tämä ei onnistunut. Mikäli kaikkia laiteominaisuuksia ei tarvita sovelluksessa, on hybridisovelluksen rakentaminen oiva tapa rakentaa mobiilisovelluksia usealle mobiililaitteelle samanaikaisesti.

The aim of this theses was to create a prototype of the cross-platform chat software and to research and analyze how agile it is to build a hybrid application by using web application development tools. Creating a hybrid application means that there is no need to create the chat software for each desired mobile platform.

The main objectives of the thesis were to study the different components of the MEVN Javascript software stack. MEVN stack stands for collection of Javascript-based technologies: MongoDB, Express JS, Vue JS and Node JS. While the LAMP stack is locked the operating system, the MEVN stack has no such restrictions.

When the application was ready, it was moved to mobile platform by using Apache Cordova tool. The resulting applications are hybrid which means that they are neither truly native mobile application nor purely Web-based.

The thesis concludes that building a prototype application using the MEVN stack was a success. The application’s user interface is worked same way in the browser and on the mobile device as a hybrid application. Most challenging part of building a hybrid application was getting the native components to work correctly. Also differences between mobile plat- forms where notable. An example is that is volume controller which didn’t work at all with iOS or Windows Phone platforms but with Android it worked.