Blog

Progresivne web aplikacije

Tina Knezevic

U ovom blogu pričat ćemo o progresivnim web aplikacijama (engl. Progressive Web Apps, PWA) kao spoju mobilnih i web aplikacija. Budući da danas, skoro svaki čovjek posjeduje barem jedan mobilni uređaj i najčešće njega koristi kada pristupa različitim digitalnim uslugama, potrebno je pronaći najbolji način da se korisniku omogući brzo i jednostavno korištenje usluga putem njihovih mobilnih uređaja. Ideja iza progresivnih web aplikacija je obogatiti web aplikacije da imaju glavne značajke mobilnih aplikacija, no da su i dalje lako dostupne preko web preglednika i ne iziskuju instaliranje.

Prednosti i mane mobilnih aplikacija

Mobile aplikacije razvijaju se za pojedinačno korištenje na mobilnim telefonima te se instaliraju direktno na sam uređaj. Korisnici takve aplikacije najčešće skidaju s trgovine za aplikacije kao što su Apple App Store, Google Play Store itd.

Prednost mobilnih aplikacija je u tome što često nije potrebna Internet konekcija za korištenje tj. omogućen je offline način rada. Kada se aplikacija skine i instalira na uređaj pohranjuju se podaci potrebni za korištenje te aplikacije. S obzirom da se aplikacije dizajniraju kako bi se pokretale na određenim OS-ima, njihovo korištenje je češće intuitivnije i brže od web aplikacija. To znači da i takva aplikacija može koristiti i sve značajke OS na kojem se pokreće.

S druge strane mane mobilnih aplikacija su u njihovom razvoju. Kod implementacije mobilne aplikacije programeri moraju dobro proučiti OS nad kojim rade aplikaciju te koristiti različite platforme, u ovisnosti o OS-u, kako bi ju implementirali. Također, kako bi se aplikacija učinila dostupnom, potrebno je dobiti različita odobrenja koja isto ovise o platformama za različite pružatelje usluga. Cijena i vrijeme povećava se s obzirom na broj platformi za koje se želi razvijati aplikacija. Takve aplikacije zahtijevaju i instalaciju korisnika na njihovim mobilnim uređajima te redovito ažuriranje u slučaju promjena.

Prednosti i mane web aplikacija

Web aplikacije građene su nad responsive dizajnom što znači da su prilagodljive različitim rezolucijama ekrana. Dvije glavne prednosti web aplikacija su cijena i vrijeme. Cijena razvoja web aplikacija je manja (u odnosu na mobilnu) budući da ju je potrebno razviti samo jednom, a ista se može pokretati na više različitih web preglednika. Također, nije potrebno prilagođavati aplikaciju operacijskom sustavu mobitela čime se štedi vrijeme i novac. Prednost web aplikacija je također i brz pristup istim, bez potrebe prethodnog skidanja i instaliranja, fleksibilne su za nadogradnju i lako ih je podijeliti putem poveznice (engl. Link).

Negativna strana web aplikacija je ta što uvijek zahtijevaju pristup Internetu što znači da nisu dostupne bilo kada i bilogdje. Također, jedan od nedostataka web aplikacija su i loše performanse  na mobilnim uređajima zbog određenih komponenti, npr. slike i animacije visokih rezolucija se sporo učitavaju. Web aplikacijama se na svim operacijskim sustavima pristupa na jednak način, preko web preglednika, no budući da svaki OS ima svoje postavke, mogući je i drugačiji doživljaj iste web aplikacije na različitim uređajima što može dovesti do negativnog efekta na iskustvo korisnika.

Progresivne web aplikacije

PWA predstavlja novu eru razvoja web stranica, proširuju dosad popularan koncept responzivnog web dizajna. To su moderne offline web aplikacije koje su predviđene prvenstveno za mobilne uređaje te se mogu usporediti s mobilnim aplikacijama. One objedinjuju angažman koji ostvaruju mobilne aplikacije i dohvat koji omogućuje web. Razvoj kvalitetnih PWA aplikacija donosi brojne prednosti, uključujući lakše privlačenje korisnika, povećanje angažmana i porast broja konverzija.

Google je 2015. godine predstavio PWA kao proizvod koji je spoj mobilne aplikacije i mobilnog weba:

Da bi se aplikacija smatrala progresivnom mora biti:

  • Progresivna – mora raditi za svakog korisnika, bez obzira na web preglednik,
  • Responzivna – prilagodljiva različitim rezolucijama,
  • Neovisna o konekciji – rad izvan mreže (engl. offline)i sa slabom povezanosti sa mrežom pomoću uslužnih skripti (engl. service worker ),
  • App-like – omogućiti iskustvo korištenja navigacije i interakcije pomoću aplikacijske ljuske,
  • Svježe – uvijek ažurne,
  • Sigurne – omogućeno pomoću TLS-a (engl. Transport Layer Security), osigurano da sadržaj nije promijenjen,
  • Otkrivajuće – omogućeno lagano pretraživanje pomoću tražilica,
  • Ponovno angažirajuće – omogućeno pomoću specifikacija poput push notifikacija,
  • Instalirajuće – Omogućuje da korisnici „zadrže” aplikacije na početnom zaslonu,
  • Djeljive – lako se dijele pomoću URL-a bez potrebe kompleksne instalacije

Koristeći PWA dobili smo brže vrijeme učitavanja koristeći uslužne skripte. Aplikacije se mogu učitavati vrlo brzo neovisno o brzoj, sporoj ili ikakvoj konekciji. Progresivne aplikacije mogu slati obavijesti svojim korisnicima čak i danima nakon što napuste stranicu. Također web preglednik će sam preporučiti korisniku da doda prečac na zaslon korisnika. Tako pokrenuta aplikacija daje potpuno mobilan izgled web aplikaciji. Aplikacija može biti razvučena preko cijeloga ekrana tako da se ne vidi korisničko sučelje web preglednika.

Primjeri korištenja progresivnih web aplikacija

Brojne su kompanije odlučile obogatiti svoje web aplikacije dodajući im značajke progresivnih web aplikacija kako bi zadržale postojeće i privukle nove korisnike. Neke od njih:

  1. Twitter Lite – Twitter je jedna od najpopularnijih društvenih mreža s preko 328 milijuna aktivnih korisnika mjesečno. U prosjeku 80% tih korisnika pristupa aplikaciji preko mobilnih uređaja. Prelaskom na PWA uspjeli su povećati broj poslanih Tweetova preko weba za 75%.
  2. MakeMyTrip – MakeMyTrip je vodeća putnička kompanije iz Indije, čiji dvotrećinski promet na web stranici dolazi preko mobilnih uređaja. Njihov problem bio je u pružanju besprijekornog korisničkog iskustva korisnicima s lošom Internetskom konekcijom. Štoviše brojevi napuštanja stranice i stjecanja novih korisnika bili su neprihvatljivi stoga se prelazak na PWA pokazao kao odlično rješenje za takve probleme.
  3. Pinterest – Pinterest služi kao aplikacija za dijeljene slika, takozvani „katalog ideja“, koja inspirira preko 200 milijuna aktivnih korisnika mjesečno. Nakon prelaska na PWA, Pinterest je postao značajno brži dajući app-like iskustvo. Platforma je ovom promjenom dobila 800 tisuća tjednih korisnika koji aktivno koriste PWA kao mobilnu aplikaciju.

Zaključak

Razvijanje progresivnih web aplikacija pokazuje se kao moderan trend koji postaje sve popularniji izbor za brojna poslovanja. PWA sigurno uvodi brojne pogodnosti u razvoju web tehnologija dajući im mogućnosti čiji je prijašnji nedostatak bio povod brojnih kritika na račun web aplikacija. Teško je reći da PWA može u potpunosti zamijeniti mobilne aplikacije budući da je njihov rad i dalje brži, prilagođeniji i bogatiji, no zasigurno PWA može postati savršen izbor za nove aplikacije čineći ih vrlo dostupnim i atraktivnim za korištenje.