PWA-teknologian toiminta eri alustoilla sekä PWA-ominaisuuksien toteuttaminen verkkosovelluksessa
Harjunheimo, Joel (2019)
Harjunheimo, Joel
2019
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-201905139387
https://urn.fi/URN:NBN:fi:amk-201905139387
Tiivistelmä
Progressive Web App (PWA), eli progressiivinen verkkosovellus, on uusi kehitteillä oleva lajitelma teknologioita, jonka tarkoitus on tuoda uusia ominaisuuksia verkkosovelluksiin. Opinnäytetyön toimeksiantaja Nolwenture Oy kehittää Base-verkkosovellusta, joka pohjautuu React.js-kirjastoon ja Node.js-ympäristöön. Toimeksiantaja halusi saada lisää tietoa PWA:sta, koska kyseessä on uusi teknologia ja jatkossa mahdollisesti vaihtoehtoinen teknologia mobiilikehityksessä käytettäville sovelluskehyksille.
Tutkimuksen tavoite oli selvittää, mikä PWA on, miten se toimii, mikä on tämän hetkinen PWA tuki eri alustoilla sekä miten yrityksen omaan Base-sovellukseen lisätään PWA-ominaisuuksia. Opinnäytetyö käsitti kaksi osaa, joista toinen käsitteli teorian ja toinen teknistä toteutusta.
Tutkimus toteutettiin kvalitatiivisena tutkimuksena, koska tarkoitus ei ollut luoda parannuksia olemassa olevaan, vaan tutkia PWA-teknologiaa ja sen toimintaa ilmiönä, jotta toimeksiantaja saisi paremman kuvan tutkimuskohteesta. Tutkimus alkoi PWA:n toimin-taan liittyvät teorian tutkimisella, jonka jälkeen tutkittiin eri alustojen tukea. Viimeiseksi tutkimuksessa toteutettiin teknillinen toteutus Base-sovellukseen käyttäen Googlen kehittämää Workbox-kirjastoa, joka tarjoaa valmiita liitännäisiä PWA-ominaisuuksien toteuttamiseen.
Tuloksena saatiin yleiskuva PWA-teknologian toiminnasta, selvennystä tuesta eri alustoilla sekä toimivia PWA-ominaisuuksia Base-sovellukseen. Tuloksista voitiin tehdä johtopäätöksiä, että tulevaisuudessa progressiivinen verkkosovellus voi olla vaihtoehtoinen toteutustapa mobiilisovellukselle, mutta tällä hetkellä laitteiden tuki ei välttämättä riitä. Välimuistien käyttö kuitenkin antaa verkkosovellukselle paremman käyttökokemuksen, koska sivujen lataus on nopeampaa.
Tutkimuksen tavoite oli selvittää, mikä PWA on, miten se toimii, mikä on tämän hetkinen PWA tuki eri alustoilla sekä miten yrityksen omaan Base-sovellukseen lisätään PWA-ominaisuuksia. Opinnäytetyö käsitti kaksi osaa, joista toinen käsitteli teorian ja toinen teknistä toteutusta.
Tutkimus toteutettiin kvalitatiivisena tutkimuksena, koska tarkoitus ei ollut luoda parannuksia olemassa olevaan, vaan tutkia PWA-teknologiaa ja sen toimintaa ilmiönä, jotta toimeksiantaja saisi paremman kuvan tutkimuskohteesta. Tutkimus alkoi PWA:n toimin-taan liittyvät teorian tutkimisella, jonka jälkeen tutkittiin eri alustojen tukea. Viimeiseksi tutkimuksessa toteutettiin teknillinen toteutus Base-sovellukseen käyttäen Googlen kehittämää Workbox-kirjastoa, joka tarjoaa valmiita liitännäisiä PWA-ominaisuuksien toteuttamiseen.
Tuloksena saatiin yleiskuva PWA-teknologian toiminnasta, selvennystä tuesta eri alustoilla sekä toimivia PWA-ominaisuuksia Base-sovellukseen. Tuloksista voitiin tehdä johtopäätöksiä, että tulevaisuudessa progressiivinen verkkosovellus voi olla vaihtoehtoinen toteutustapa mobiilisovellukselle, mutta tällä hetkellä laitteiden tuki ei välttämättä riitä. Välimuistien käyttö kuitenkin antaa verkkosovellukselle paremman käyttökokemuksen, koska sivujen lataus on nopeampaa.