By Hanna 
Puhelimen aloitusnäytöllä on kuvake, jota napauttamalla avautuu uutispalvelu omaan ikkunaansa. Osoiteriviä ei näy, ja näkymä muistuttaa sovelluskaupasta ladattua ohjelmaa. Taustalla voi silti olla verkkosivusto.
Progressiivinen verkkosovellus eli PWA hyödyntää verkkotekniikoita ja voi tarjota tavallista selausnäkymää muistuttavan tai sovellusmaisen käyttötavan. Käyttäjän ei tarvitse opetella nimitystä. Häntä kiinnostaa, avautuuko sisältö nopeasti, pysyykö kirjautuminen hallinnassa ja palaako palvelu käyttöön verkkokatkon jälkeen.
Viihdepalveluissa nämä kysymykset näkyvät heti. Junassa luettu artikkeli saattaa aueta katvealueella, mutta suora lähetys pysähtyy. Kummassakaan tapauksessa pelkkä aloitusnäytön kuvake ei selitä, mitä laite pystyy tekemään ilman verkkoa.
Sovellusmainen verkkosivu kasvoi vähitellen
Verkkosivuja alettiin ensin mukauttaa pienille näytöille. Sen jälkeen selaimiin tuli lisää mahdollisuuksia tallentaa sisältöä, käsitellä ilmoituksia ja avata palvelu erilliseen ikkunaan. PWA kokoaa näitä mahdollisuuksia samaan toteutukseen.
Kehitys ei ole muuttanut kaikkia verkkosivuja samanlaisiksi sovelluksiksi. Tekijä valitsee, mitkä ominaisuudet palvelu tarvitsee, ja selain määrää, mitä laitteella voidaan käyttää. Siksi kaksi aloitusnäytölle lisättyä palvelua voi käyttäytyä eri tavoin.
Myös termiä käytetään väljästi. Asennettava verkkosovellus voi olla teknisesti huolella toteutettu, mutta tavallinen pikakuvake saattaa vain avata sivun selaimeen. Käyttäjän kannattaa tarkastaa toiminta eikä päätellä toteutusta kuvakkeen ulkonäöstä.
Mobiiliviihteen kirjo ulottuu lehtijutuista peleihin. Esimerkiksi getlucky on yksi verkossa vastaan tulevista pelipalvelujen nimistä. Sen käyttäminen esimerkkinä ei osoita, että palvelu olisi PWA: tällainen tieto vaatii palvelukohtaisen teknisen tarkistuksen.
Kolme osaa selittää suuren osan tekniikasta
Sovelluksen näkyvä osa rakentuu verkkosivun tapaan. Esimerkiksi jutun otsikko kuuluu HTML:llä kuvattuun rakenteeseen, ja CSS määrää sen ulkoasua. Kun painat sisältöä avaavaa painiketta, toimintaan voidaan käyttää JavaScriptiä. Selaimessa näkyvästä sivusta päästään siis liikkeelle samoilla välineillä kuin muussakin verkkopalvelussa.
Verkkosovelluksen manifesti sisältää esimerkiksi nimen, kuvakkeet ja tietoa toivotusta avaustavasta. Se auttaa selainta esittelemään palvelun asennettavana kokonaisuutena. Manifesti ei kuitenkaan itsessään lataa uutisia tai tee videosta katseltavaa ilman yhteyttä.
Service worker on selaimen taustalla toimiva ohjelma, joka voi käsitellä verkkopyyntöjä ja välimuistia. Se mahdollistaa esimerkiksi aiemmin ladatun sivun näyttämisen, kun verkko katoaa. Kehittäjän täytyy määritellä, mitä tallennetaan ja kuinka tuoretta tietoa näytetään.
Kolmas asia on suojattu yhteys. Monet näistä selaimen ominaisuuksista edellyttävät HTTPS:llä suojattua yhteyttä. Salattu yhteys ei silti ole palvelun luotettavuusmerkki, vaan tiedonsiirron suojaamisen tekninen edellytys.
Ladattu sisältö ja suora sisältö tarvitsevat eri käsittelyn
Otetaan esimerkiksi pitkä haastattelu. Jos palvelu tallentaa sen tekstin ja kuvat laitteeseen, voit ehkä jatkaa lukemista metrossa ilman yhteyttä. Jos tallennettuna on vain otsikko ja sivupohja, artikkelin runko jää latautumatta.
Suora urheilulähetys tarvitsee puolestaan uusia videopätkiä jatkuvasti. Tallennettu käyttöliittymä ei voi tuottaa puuttuvaa lähetystä. Sama koskee reaaliaikaista moninpeliä ja muita toimintoja, joiden tila muuttuu palvelimella.
Verkkokatkon aikana olennaista on myös tiedon ikä. Aiemmin tallennettu ottelutulos ei ole sama asia kuin nykyinen tulos. Hyvän palvelun pitää ilmaista, milloin tieto on vanhaa ja milloin yhteys palautuu.
Käyttäjä voi kokeilla toimintaa ilman arvailua: avaa artikkeli ensin verkossa, katkaise yhteys ja yritä palata tekstiin. Kokeilu kertoo juuri tämän sisällön saatavuudesta. Se ei todista, että koko palvelu olisi käytettävissä ilman verkkoa.
Asentaminen riippuu selaimesta ja laitteesta
PWA voidaan lisätä puhelimeen selaimen tarjoaman asennustoiminnon tai aloitusnäytölle lisäämisen kautta. Toiminnon nimi, sijainti ja saatavuus vaihtelevat. Sivuston oma ohje voi siksi näyttää erilaiselta kuin puhelimen valikko.
Asennus ei välttämättä tarkoita suuren ohjelmapaketin lataamista. Selain voi luoda palvelulle oman käynnistystavan ja ikkunan. Sisältö tulee edelleen verkosta tai selaimen hallitsemasta tallennuksesta.
Puhelimen käyttöliittymä vaikuttaa siihen, mistä asennetun palvelun löytää ja miten sen ilmoituksia hallitaan. Suosittu Nyt käsittelee myös iPhonen vähemmän käytettyjä ominaisuuksia. Selaimen ja käyttöjärjestelmän asetuksia kannattaa tutkia yhdessä.
Saman palvelun voi avata tavallisena välilehtenä ja asennettuna verkkosovelluksena. Ne eivät aina jaa kaikkia asetuksia tai tallennustietoja samalla tavalla. Tarkista siis käytännössä, missä näkymässä kirjautumisesi ja ilmoituslupasi ovat voimassa.
Nopeutta kannattaa arvioida avaamisen jälkeenkin
Palvelun ensimmäinen näkymä voi ilmestyä nopeasti, vaikka painikkeet eivät vielä vastaa. Suuri määrä taustalla ladattavaa JavaScriptiä voi viivästyttää käyttöä. Pelkkä aloitusruudun latausaika ei siten kerro koko kokemuksesta.
Viihteessä tärkeä hetki on usein vasta seuraava toiminto: videon käynnistäminen, hakutuloksen avaaminen tai pelin valitseminen. Hyvä toteutus lataa tarvittavan sisällön ajoissa ja näyttää odotuksen selvästi.
Vertaa palvelua tavallisella puhelimellasi ja sillä yhteydellä, jota käytät matkalla. Kotona nopeassa verkossa havaittu toiminta ei takaa samanlaista kokemusta bussissa. Kokeile lisäksi puhelinta, johon palvelu on tarkoitus asentaa. Vanhalla laitteella käyttö voi tuntua aivan erilaiselta kuin uuden puhelimen esittelyssä.
PWA:n nimessä ei ole nopeuslupausta. Suuriin videoihin, kuviin ja pelitiedostoihin tarvitaan edelleen tiedonsiirtoa. Toteutuksen laatu näkyy siinä, mitä se jättää lataamatta silloin, kun käyttäjä ei tarvitse sitä.
Tallennustila ei ole rajaton
Laitteeseen tallennettu sisältö tarvitsee tilaa myös silloin, kun palvelu on asennettu selaimesta. Pitkä videolista voi viedä enemmän tilaa kuin useat tekstijutut. PWA:n nimestä ei voi päätellä tallennuksen kokoa.
Selain voi hallita verkkosivujen tallennustilaa omilla säännöillään. Sisällön säilymiseen vaikuttavat selain, asetukset ja vapaan tilan määrä. Tärkeä matkalukeminen kannattaa siksi tarkistaa juuri ennen lähtöä sen sijaan, että luottaa kuukausi sitten tehtyyn lataukseen.
Ajattele esimerkiksi viikonlopun junamatkaa. Avaat kolme haastattelua kotona ja lisäät palvelun aloitusnäytölle. Ensimmäinen teksti aukeaa matkalla, mutta toinen ei. Mahdollinen selitys on, että ensimmäinen tallennettiin kokonaan ja toisesta vain osa. Kuvakkeen asentaminen ei luvannut jokaisen jutun lataamista.
Ladattuja sisältöjä varten kannattaa etsiä palvelun oma tallennusnäkymä. Siinä voi näkyä, mikä on valmiina ja mikä vielä jonossa. Jos erillistä lataustoimintoa ei ole, sivun avaaminen verkossa ei välttämättä riitä.
Jaetulla laitteella tallennuksen sisältöön liittyy myös yksityisyys. Kirjaudu ulos käytön jälkeen ja tarkista, mitä selaimeen jää näkyviin. Pelkkä kuvakkeen poistaminen aloitusnäytöltä ei välttämättä tyhjennä palvelun tallennustietoja.
Ilmoituslupa kuuluu käyttäjälle
Aloitusnäytölle lisääminen ja ilmoitusten salliminen ovat eri päätöksiä. Palvelu voi pyytää lupaa uusien jaksojen tai viestien ilmoittamiseen. Lupa kannattaa antaa vain sellaiselle sisällölle, jonka todella haluat keskeyttävän tekemisesi.
Ilmoitusten tuki riippuu myös laitteesta, selaimesta ja asennustavasta. Yhden puhelimen ilmoitusasetuksia ei pidä yleistää kaikkiin muihin. Tarkista palvelun ohjeesta, vaatiiko toiminto tietyn käyttötavan.
Voit pitää viihdepalvelun aloitusnäytöllä sallimatta sen ilmoituksia. Tällöin avaat sisällön itse valitsemanasi aikana. Jos ilmoituksia tulee liikaa, muuta lupaa selaimen tai laitteen asetuksista.
Päivitys ei aina näytä latauspalkkia
Palvelun valikko on muuttunut ystäväsi puhelimessa, mutta omassasi näkyy vielä entinen näkymä. Yksi mahdollinen syy löytyy välimuistista: selain käyttää aiemmin tallennettua versiota. Uuden version käyttöönotto riippuu siitä, miten tekijä on järjestänyt päivityksen ja mitä ikkunoita on vielä auki.
Jos näkymä jää oudoksi päivityksen jälkeen, sulje palvelu ja avaa se uudelleen. Tarvittaessa tarkista palvelun oma ohje ennen tallennustietojen poistamista. Poistaminen voi hävittää myös ladatut artikkelit, asetukset ja kirjautumisen.
Selainta ja käyttöjärjestelmää täytyy päivittää erikseen. Kyberturvallisuuskeskuksen suojausohjeissa kehotetaan huolehtimaan käyttöjärjestelmän ja sovellusten uusimmista päivityksistä. Verkkopalvelun oma päivitys ei korvaa niitä.
Ennen seuraavaa matkaa avaa haluamasi sisältö ja tarkista, onko se tallennettu. Pysäytä sitten verkkoyhteys hetkeksi. Jos jakso tai artikkeli aukeaa edelleen, tiedät mitä voit käyttää katveessa. Suoraa lähetystä varten tarvitset yhteyden myös silloin, kun palvelun kuvake näyttää aivan tavalliselta sovellukselta.