Mobiilisovelluksen toteutus web-tekniikoilla PhoneGap-kehykselle

Abstract

Opinnäytetyön tavoitteena oli tutkia tablet-laitteiden sopivuutta kartoittaessa rannikoiden tilaa öljyvahinkojen sattuessa, jotta tilanteesta saadaan mahdollisimman ajantasainen ja oikea tieto tilanteen johtamiseen. Ensisijaisesti tutkimuksen kohteena oleva tablet-laite oli iPad 2, mutta tutkimuksen aikana todettiin myös muidenkin tablet-laitteiden käytön olevan mahdollista käyttämällä esimerkiksi web-tekniikoihin perustuvaa PhoneGap-kehystä.

PhoneGap-kehys oli sopiva opinnäytetyön tarpeisiin, koska se sisälsi tarvittavat ominaisuudet kuten kameran ja GPS-tietojen käyttämisen, joten se valittiin mobiilisovelluksen kehitykseen mukaan. PhoneGap myös sisältää osittain ilmaisen pilvipalvelun, jossa voi kääntää ohjelmakoodin suoraan monelle eri alustalle asennettavaksi asennuspaketiksi. Tätä ominaisuutta käytettiin paljon hyväksi mobiilisovelluksen kehityksen yhteydessä.

Opinnäytetyön tietosisällössä keskitytään mobiilisovelluksen luontiin sekä PhoneGap-kehyksen käyttöön. Lisäksi kerrotaan myös hieman ASP.NET MVC 3 palvelinsovelluksen toteuttamisesta. Mobiilisovelluksessa käytetään kahta uutta web-tekniikkaa, nämä ovat localStorage ja Web SQL Database. Kummatkin tekniikat ovat käytössä tiedontallennusta varten. Käytännössä localStorageen tallennetaan web-sivut sekä JavaScriptit. Web SQL Databaseen tallennetaan kuvat ja muut vahinkojen kartoitustiedot.

Opinnäytetyön tuloksena valmistui prototyyppi, jolla käy selväksi se, että tablet-laitteet soveltuvat hyvin vahinkojen kartoittamistietojen keräykseen. Niille saa tehtyä helppokäyttöisiä sovelluksia, joiden opetteluun ei mene paljoa aikaa. Suurimmat ongelmat olivat akunkesto sekä laitteen näytön sotkeutuminen, mutta näihin löytyy ratkaisuja kuten suojakalvoja sekä kenttälatureita.

The primary objective of this thesis was to study the suitability of tablet devices in surveying coastal areas after oil spills to get up-to-date and correct information for leading the situation. The main device used in the study was iPad 2 but it was found that other devices could also be used for the same purpose. This was made possible by using a platform such as PhoneGap.

The PhoneGap was chosen as the platform for the development of the mobile application because it had all the necessary features, such as support for camera and GPS-data. It also includes a partially free to use cloud service that makes it possible to compile the application for multiple mobile platforms as a stand-alone installer that is distributable via different web stores. This cloud service was used often while developing the mobile application.

Information content of the thesis focuses on developing the mobile application by using PhoneGap framework in addition to it also overviews development of ASP.NET MVC 3 service application. Two new web techniques are used in the mobile application. These are localStorage and Web SQL Database. Both techniques are used for saving data. LocalStorage contains web pages and JavaScript files. Web SQL Database contains captured photos and survey information.

Result of the study was a working prototype which included part of the system functionality. It was enough to make clear that tablet devices fit well for surveying coastal areas after oils spills. And they allow for easy-to-use applications which do not take much time to learn. Most apparent issues were battery duration and tablet display getting dirty but there are solutions for these issues like tablet display screen protectors and portable chargers.