Mobiilisovelluksen toteutus web-tekniikoin
Pyykkönen, Taru (2015)
Pyykkönen, Taru
Hämeen ammattikorkeakoulu
2015
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2015060912944
https://urn.fi/URN:NBN:fi:amk-2015060912944
Tiivistelmä
Opinnäyte perustuu työharjoittelun aikana tehtyyn projektityöhön. Projektin tarkoituksena oli kehittää mobiiliversio asiakasyrityksen pöytäkoneella toimivasta tuotekatalogiohjelmasta. Työ toteutettiin web-tekniikoita käyttämällä, ja ensisijainen kohdealusta oli Android-käyttöjärjestelmä.
Sovellus toteutettiin käyttämällä yleisimpiä web-tekniikoita, joihin luetaan merkkauskieli HTML5, ohjelmointikieli JavaScript ja sen ohjelmakirjasto jQuery sekä kuvauskieli CSS. Näiden käytössä on omat vahvuutensa ja heikkoutensa mobiiliympäristössä. Lisäksi käydään läpi yleisempien web-selainten välisiä eroja, sillä tällaiset sovellukset tarvitsevat ajoympäristökseen tekniikoita tukevan web-selaimen.
Alkuperäinen ohjelma vaikutti vahvasti tehtävän työn taustalla. Sieltä poimittiin oleellisimmat toiminnot ja ominaisuudet. Lisäksi alkuperäisen alustan ja uuden alustan välillä oli sovelluksen ominaisuuksien kannalta oleellisia eroja. Näitä olivat Flash-tuen puute, laitteiden näyttörajoitukset, sormen käyttö osoittimena hiiren sijaan sekä mobiilikäyttöjärjestelmien tiedostojärjestelmät.
Sovellusta räätälöitiin sekä toiminnoiltaan että ulkonäöltään kohdealustalle ja sovelluksen käyttäjille lähinnä oman koulutuksen myötä kerättyjen tietojen ja taitojen avulla. Yhdeksi keskeiseksi ongelmaksi kehittyi myös alustojen erilainen tiedostojärjestelmä ja se, millaisin keinoin se oli mahdollista ratkaista. Tehdyn työn tulokset olivat kuitenkin enimmäkseen positiivisia. Ohjelma toimi niin kuin suunniteltiin ja lisäksi toiminnot ja ulkonäkö palvelivat käyttötarkoitustaan. Kuitenkin sovellukseen jäi vielä jonkin verran jatkokehityksen varaa.
Lopuksi oli syytä arvioida myös vaihtoehtoisia ratkaisuja kuin käytetyt web-tekniikat. Tällaisia ratkaisuja ovat esimerkiksi alustan nativiisovellus, natiivisovellukseen kääritty WebView-näkymä, maksuttoman sovellusympäristö PhoneGapin käyttö sekä maksullinen Xamarin. Näiden pohtimiseen käytettiin ohjelmistojen virallisia dokumentaatioita.
Sovellus toteutettiin käyttämällä yleisimpiä web-tekniikoita, joihin luetaan merkkauskieli HTML5, ohjelmointikieli JavaScript ja sen ohjelmakirjasto jQuery sekä kuvauskieli CSS. Näiden käytössä on omat vahvuutensa ja heikkoutensa mobiiliympäristössä. Lisäksi käydään läpi yleisempien web-selainten välisiä eroja, sillä tällaiset sovellukset tarvitsevat ajoympäristökseen tekniikoita tukevan web-selaimen.
Alkuperäinen ohjelma vaikutti vahvasti tehtävän työn taustalla. Sieltä poimittiin oleellisimmat toiminnot ja ominaisuudet. Lisäksi alkuperäisen alustan ja uuden alustan välillä oli sovelluksen ominaisuuksien kannalta oleellisia eroja. Näitä olivat Flash-tuen puute, laitteiden näyttörajoitukset, sormen käyttö osoittimena hiiren sijaan sekä mobiilikäyttöjärjestelmien tiedostojärjestelmät.
Sovellusta räätälöitiin sekä toiminnoiltaan että ulkonäöltään kohdealustalle ja sovelluksen käyttäjille lähinnä oman koulutuksen myötä kerättyjen tietojen ja taitojen avulla. Yhdeksi keskeiseksi ongelmaksi kehittyi myös alustojen erilainen tiedostojärjestelmä ja se, millaisin keinoin se oli mahdollista ratkaista. Tehdyn työn tulokset olivat kuitenkin enimmäkseen positiivisia. Ohjelma toimi niin kuin suunniteltiin ja lisäksi toiminnot ja ulkonäkö palvelivat käyttötarkoitustaan. Kuitenkin sovellukseen jäi vielä jonkin verran jatkokehityksen varaa.
Lopuksi oli syytä arvioida myös vaihtoehtoisia ratkaisuja kuin käytetyt web-tekniikat. Tällaisia ratkaisuja ovat esimerkiksi alustan nativiisovellus, natiivisovellukseen kääritty WebView-näkymä, maksuttoman sovellusympäristö PhoneGapin käyttö sekä maksullinen Xamarin. Näiden pohtimiseen käytettiin ohjelmistojen virallisia dokumentaatioita.