Progressiivisten web-sovellusten hyödyt ja toteutus

Grönholm, Martti (2021)
 
Avaa tiedosto
Lataukset: 



Grönholm, Martti
2021

Tieto- ja sähkötekniikan kandidaattiohjelma - Bachelor's Programme in Computing and Electrical Engineering
Informaatioteknologian ja viestinnän tiedekunta - Faculty of Information Technology and Communication Sciences
This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Hyväksymispäivämäärä
2021-09-16
Näytä kaikki kuvailutiedot
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:tuni-202109036941
Tiivistelmä
Tässä kandidaatintutkielmassa tutkittiin progressiivisia web-sovelluksia (PWA, Progressi-ve Web Application). PWA on selaimessa pyörivä web-sovellus, joka mahdollistaa natiivin käyttökokemuksen. PWA:n voi asentaa suoraan laitteen kotinäytölle, se tukee push-ilmoituksia eikä se ole täysin verkkoyhteydestä riippuvainen. PWA:n kehityksessä hyödynnetään web-ohjelmointia ja -tekniikoita, kuten JavaScript-ohjelmointikieltä, HTML-merkintäkieltä sekä CSS-tyyliohjeita.

PWA vaatii toimiakseen service workerin, web app manifestin sekä HTTPS:n eli turvallisen tiedonsiirron. Service worker on JavaScript tiedosto, joka pyörii web-sovelluksen taustalla ja hoitaa taustasynkronoinnin ja push-ilmoitukset. Web app manifest on JSON-muotoinen teksti-tiedosto, joka määrittää web-sovelluksen ja mahdollistaa sen asentamisen.

Työssä käsiteltiin natiivisovellusten ja web-sovellusten eroavaisuuksia, PWA:n määrittelyä ja teknisiä vaatimuksia sekä PWA:n hyötyjä ja haasteita nykypäivänä. Lisäksi työssä toteutet-tiin yksinkertainen progressiivinen web-sovellus Oracle Application Express -kehitysympäristössä. Toteutettu PWA analysoitiin avoimeen lähdekoodiin perustuvalla Light-house-työkalulla, joka on käytettävissä osana Google Chrome -selaimen laajaa web-kehittäjän työkaluvalikoimaa. Lopuksi tutkittiin vielä tarkemmin PWA:n asemaa nykypäivänä ja otettiin katsaus sen tulevaisuuteen.

Tutkimuksesta kävi ilmi, että ihmiset palaavat progressiiviseen web-sovellukseen todennä-köisemmin kuin natiiviin sovellukseen. PWA on kevyt sovellus, ja sillä on hyvä suorituskyky ja nopeat latausajat.
Kokoelmat