Proizvod
PWA ili nativna aplikacija: šta pravimo i zašto
O izboru PWA ili nativna aplikacija obično se raspravlja kao o pitanju tehnologije. U aplikacijama koje smo isporučili, svaki put je odlučio proizvod, kroz jedno pitanje: šta aplikacija mora da uradi na telefonu, a pregledač to ne može. Za hotelskog gosta koji naručuje doručak, ništa. Za brojač kalorija koji čita tanjir kroz kameru, od toga zavisi ceo proizvod.
Nativna aplikacija ili veb aplikacija, i opcija između
Veb aplikacija se otvara preko linka, u pregledaču koji osoba već ima. Progresivna veb aplikacija, ili PWA, jeste veb aplikacija napravljena da se ponaša kao instalirana: može da stoji na početnom ekranu i otvara se preko celog ekrana. Nativna aplikacija se pravi za samu platformu, u Swiftu za iOS, i do ljudi stiže preko App Storea i Google Playa, uz pregled pre svakog izdanja. Između njih stoji upakovana aplikacija: isti veb kod se kroz Capacitor pakuje u aplikaciju za prodavnicu, a nativni delovi se dodaju samo tamo gde telefon mora da uradi nešto što pregledač ne može.
| Veb aplikacija (PWA) | Upakovana aplikacija | Nativna aplikacija | |
|---|---|---|---|
| Kako stiže do ljudi | ✓ Preko linka ili QR koda, bez instalacije | Aplikacija za prodavnicu: isti veb kod upakovan kroz Capacitor | Preko App Storea i Google Playa, uz pregled pre svakog izdanja |
| Kod | Jedan veb kod | ✓ Jedna zajednička kodna baza | Pravi se za samu platformu, u Swiftu za iOS |
| Šta dodaje telefon | Samo ono što pregledač može | ✓ Nativni delovi samo gde treba, kao video plejer u Body Healu | ✓ Sve, kada je taj deo sam proizvod, kao kamera u Kalu |
| Na šta paziti | Sve što telefon mora da uradi, a pregledač ne može | Performanse: interfejs je podešen da drži 60 sličica u sekundi | Dve izrade, dva procesa pregleda i dva načina objavljivanja |
| Pravi izbor kada | Ljudi je koriste nekoliko dana | Ljudi je zadržavaju, a mali deo traži više od pregledača | Taj deo je sam proizvod |
| Naš primer | iButler | Body Heal | Kalo, FixMan |
Kada je pregledač pravi odgovor
Gost koji ostaje četiri noći neće instalirati program da bi naručio peškire. iButler, digitalni konsijerž za hotele, potpuno uklanja instalaciju. QR kod u sobi otvara brendirani portal hotela za naručivanje u pregledaču, bez pravljenja naloga, na jeziku na koji je telefon podešen. Slanje u prodavnicu aplikacija stavilo bi nedelje između trenutka kada hotel odluči da proba i trenutka kada sistem postoji. Kao veb aplikacija, objekat počinje da radi za desetak minuta: meni se napiše jednom, a kodovi se odštampaju. Razlozi su opisani u tekstu hotelska aplikacija koju niko nikada ne bi preuzeo.
Pravilo koje iz toga izvlačimo: kada će ljudi koristiti aplikaciju nekoliko dana, svaka funkcija iza instalacije postoji samo na papiru, pa aplikacija mora da se otvori bez nje.
Kada je pravi izbor jedan veb kod sa nativnim delovima
Body Heal je platforma za treniranje na kojoj klijenti prate programe treninga od svog trenera i upisuju svaki trening, pa mora da stoji na telefonu kao aplikacija. Napravljena je kao PWA prilagođena prvo telefonu, na Reactu i Supabaseu, a iOS aplikacija je isti kod upakovan kroz Capacitor. Jedini nativni deo je video plejer. Veb video element unutar upakovane aplikacije i dalje se ponaša kao veb video element, što nije dovoljno dobro za nekoga ko je usred vežbe, pa je plejer napravljen na Vimeo API-ju. Sve drugo je ostalo zajedničko.
Uobičajena alternativa je da se interfejs iznova napravi u Swiftu i da se održavaju dve kodne baze, koje se obično raziđu u roku od jednog kvartala. Rizik pakovanja su performanse. Lista koja trza odmah deluje kao sajt koji se pravi da je aplikacija, pa je interfejs podešen da drži 60 sličica u sekundi na telefonu. Ceo tok je opisan u tekstu pretvaranje React aplikacije u iOS aplikaciju.
Kada se nativna aplikacija isplati uprkos dve izrade
Kalo, brojač kalorija za Balkan zasnovan na fotografiji, nativna je iOS aplikacija, jer brojač koji se oslanja na kameru stoji ili pada na tome koliko dobro radi snimanje. Fotografišete tanjir i za nekoliko sekundi dobijete kalorije i makronutrijente, koje možete da ispravite pre upisa. Priča je u tekstu brojač kalorija koji je čuo za burek.
FixMan, aplikacija za zakazivanje popravki u kući, isporučen je nativno i za Android i za iOS, jer aplikacija za kućne usluge na samo jednoj od te dve platforme promaši otprilike polovinu ljudi kojima treba. To je trošak nativnog puta: dve izrade, dva procesa pregleda i dva načina objavljivanja, koje treba držati usklađenim dok god aplikacija postoji.
Kako odlučujemo
Počinjemo od toga da li će ljudi aplikaciju uopšte instalirati. Ako će je otvarati nekoliko dana, ili preko koda u hotelskoj sobi, ide u pregledač. Ako će je zadržati, sledeće pitanje je koji deo proizvoda traži od telefona više nego što pregledač može da pruži. Kada je taj deo mali, kao video u Body Healu, on ide nativno, a ostatak ostaje veb. Kada je taj deo sam proizvod, kao kamera u Kalu, cela aplikacija ide nativno.
- Nekoliko dana, ili kod u hotelskoj sobi. Ide u pregledač.
- Ljudi je zadržavaju, a mali deo traži telefon. Taj deo ide nativno, a ostatak ostaje veb, kao video u Body Healu.
- Taj deo je sam proizvod. Cela aplikacija ide nativno, kao kamera u Kalu.
Izrada proizvoda kod nas počinje od 3.000 evra. Odluke koje oblikuju cenu aplikacije opisane su u tekstu koliko košta izrada mobilne aplikacije. Obim, cena i uslovi plaćanja dogovaraju se napismeno pre početka rada. Više o ovom delu našeg rada je na stranici izrade aplikacija.
