Preskoči na sadržaj

Web aplikacije (PWA) - Srbija

Izrada web aplikacija (PWA)

Web aplikacija koja se instalira sa sajta na telefon, radi i kada signal oslabi i šalje obaveštenja, bez objave u prodavnicama aplikacija.

Kratak odgovor Web aplikacija (PWA) je aplikacija napisana web tehnologijama: otvara se u browseru, instalira se na početni ekran telefona, radi i bez stabilne mreže i može da šalje obaveštenja. Podatke može da deli sa postojećim WordPress sajtom ili da radi samostalno.

Za koga je ova usluga?

Za firme čiji kupci ili zaposleni treba da imaju alat na telefonu, za porudžbine, rezervacije, katalog ili interne obrasce, a klasična mobilna aplikacija bi bila veći trošak i duža izrada nego što je potrebno.

Šta dobijate

  • Plan ekrana i tokova prema onome što korisnik zaista radi na telefonu, a ne prema desktop sajtu.
  • Instalacija na početni ekran direktno iz browsera, bez objave u prodavnicama aplikacija i čekanja na odobrenje.
  • Rad bez mreže ili na slabom signalu: sačuvani ekrani i podaci, a slanje kada se veza vrati.
  • Obaveštenja tamo gde imaju smisla, uz jasno objašnjenje šta podržava Android, a šta iPhone.
  • Kod pisan za vaš tok rada i proveren na pravim telefonima; gotove biblioteke koristimo samo kada su potrebne, i kažemo zašto.

PWA, nativna aplikacija ili običan sajt: kako se bira

Aplikacija nije cilj sama po sebi. Polazimo od toga šta korisnik radi i koliko često se vraća, pa tek onda biramo oblik. Ponekad je odgovor da vam aplikacija ne treba, i to kažemo na prvom razgovoru.

PWA kada se korisnici vraćaju i rade nešto konkretno

Porudžbine koje se ponavljaju, rezervacije, katalog za prodavce na terenu, radni nalozi ili interni obrasci: tu ikonica na telefonu i rad na slabom signalu stvarno skraćuju posao. Isti kod radi na Androidu i iPhone-u, a nova verzija stiže do korisnika bez pregleda u prodavnici aplikacija. Aplikaciju pišemo za taj tok rada, a gotove biblioteke koristimo samo kada su potrebne, i kažemo zašto.

Nativna aplikacija kada vam treba ono što web ne nudi

Ako aplikacija mora stalno da radi u pozadini, da koristi Bluetooth ili NFC i na iPhone-u, ili ako kupci zaista traže vašu aplikaciju u App Store-u i na Google Play-u, nativna aplikacija je pošteniji izbor. Traži više posla, jer se objavljuje, pregleda i održava u dve prodavnice, ali PWA te zahteve ne može da ispuni, i to je bolje reći pre početka nego posle.

Običan sajt kada ljudi dolaze retko

Retko ko će instalirati aplikaciju firme kojoj se javlja jednom godišnje. Ako posetilac traži informaciju, cenu ili kontakt i ide dalje, brz sajt prilagođen telefonu rešava posao, a aplikacija bi bila trošak bez koristi. U tom slučaju predlažemo sajt. On kasnije može da dobije instalaciju i rad bez mreže, ako se pokaže da su potrebni.

Šta PWA može na iPhone-u i Androidu, a šta ne može

Android i iPhone ne podržavaju iste stvari, a razlike utiču na to kako će aplikacija raditi kod vaših korisnika. Zato ih navodimo pre početka i proveravamo na pravim telefonima, jer se mogućnosti menjaju sa novim verzijama sistema.

Instalacija: na Androidu poziv, na iPhone-u ručno dodavanje

Na Androidu Chrome sam nudi instalaciju, a aplikacija može da prikaže i svoje dugme za to. Na iPhone-u takvog poziva nema: korisnik otvara meni za deljenje i bira dodavanje na početni ekran, što od iOS-a 16.4 može i iz Chrome-a, Edge-a i Firefox-a, a ne samo iz Safarija. Zato u verziju za iPhone ugrađujemo kratko uputstvo, jer se ta opcija ne vidi sama od sebe.

Obaveštenja: na iPhone-u tek posle dodavanja na početni ekran

Na Androidu obaveštenja mogu da rade i iz browsera, kada korisnik to dozvoli. Na iPhone-u rade od iOS-a 16.4, i to samo kada je aplikacija dodata na početni ekran i kada korisnik dozvolu potvrdi dodirom, na primer na dugme za prijavu. Zato dozvolu tražimo kada korisnik vidi čemu obaveštenje služi, a ne pri prvom otvaranju. Ko ne doda aplikaciju ili ne prihvati obaveštenja, neće ih dobijati, pa važne poruke treba da imaju i drugi put, na primer email.

Rad bez mreže i ono što web ne može

Posle prvog otvaranja sa internetom, ekrani i podaci koje smo pripremili rade i bez mreže. Unos može da se sačuva i pošalje kada se veza vrati: u Chrome-u na Androidu i u pozadini, a na iPhone-u računamo da se šalje kada se aplikacija ponovo otvori. Podaci na telefonu nisu arhiva, jer browser može da ih obriše, pa sve što je važno mora da stoji i na serveru. Bluetooth i NFC iz web aplikacije rade u Chrome-u na Androidu, ali ne u Safariju na iPhone-u, a na stalan rad u pozadini, kao što je praćenje lokacije dok je aplikacija zatvorena, PWA ne može da računa.

Šta pomera obim posla

Cenu dajemo po proceni, kada znamo šta aplikacija treba da radi, jer se pod istim imenom krije veoma različit posao. Ovo su stvari koje najviše menjaju obim.

Rad bez mreže: samo čitanje ili i upis

Aplikacija koja bez mreže samo prikazuje poslednji sačuvan katalog je relativno jednostavna. Kada korisnik bez mreže i menja podatke, treba rešiti šta se dešava ako su dvoje izmenili isto, ko ima prednost i kako korisnik vidi da nešto još nije poslato. Zato za svaki ekran posebno odlučujemo šta mora da radi bez mreže, umesto da to važi za sve.

Nalozi, uloge i administracija

Aplikacija bez prijave i aplikacija sa kupcima, zaposlenima i administratorom nisu isti posao. Svaka uloga znači svoje ekrane, svoja prava i proveru da niko ne vidi tuđe podatke. Tome se dodaje i deo u kome vaš tim menja sadržaj i šalje obaveštenja, ako za to nije dovoljan postojeći WordPress.

Sistemi sa kojima aplikacija razmenjuje podatke

Povezivanje sa WordPress sajtom, WooCommerce prodavnicom, magacinom ili knjigovodstvom zavisi od toga da li druga strana ima API i koliko je dokumentovan. Ako sajt već ima sadržaj i naloge, aplikacija može da ih koristi umesto da se sve unosi dvaput. Samostalna aplikacija je jednostavnija na početku, ali traži svoju bazu i svoj bekap.

Česta pitanja

Pitanja koja najčešće dobijamo

Da li će se web aplikacija videti u App Store-u i na Google Play-u?

Ne sama od sebe, jer se PWA instalira direktno sa sajta. Na Google Play može da se objavi kao Android aplikacija koja otvara PWA, preko rešenja Trusted Web Activity. Apple u svojim pravilima traži da aplikacija bude više od spakovanog sajta, pa na App Store ne treba računati bez dodatnog posla, a i tada odobrenje nije sigurno. Ako vam je prisustvo u prodavnicama uslov, to treba reći na početku, jer može da promeni izbor tehnologije.

Da li web aplikacija radi na iPhone-u?

Da, uz ograničenja koja treba znati unapred. Korisnik je dodaje ručno, preko menija za deljenje. Obaveštenja rade od iOS-a 16.4, samo kada je aplikacija dodata na početni ekran i kada ih korisnik dozvoli. Bluetooth i NFC iz web aplikacije Safari na iPhone-u ne podržava. Za porudžbine, rezervacije i obrasce to obično nije prepreka, ali svaki zahtev proveravamo na pravom telefonu pre nego što ga obećamo.

Da li aplikacija zaista radi bez interneta?

Radi ono što je unapred pripremljeno: sačuvani ekrani i podaci dostupni su i bez mreže, a unos može da se sačuva i pošalje kada se veza vrati. Prvo otvaranje traži internet. Ono što mora da bude sveže, kao trenutna cena, stanje zaliha ili slobodan termin, bez mreže ne može da bude tačno, pa aplikacija to mora jasno da pokaže korisniku.

Može li web aplikacija da koristi podatke sa našeg WordPress sajta?

Može. WordPress i WooCommerce imaju API preko kog aplikacija čita i menja sadržaj, proizvode ili porudžbine, pa se podaci ne unose dvaput. Aplikacija može da radi i potpuno odvojeno od sajta kada je to jednostavnije. Šta je bolje zavisi od toga gde podaci već stoje i ko ih menja, i to rešavamo pre početka izrade.

Proces

Kako radimo

Isti četiri koraka bez obzira na uslugu - da u svakom trenutku znate gde se projekat nalazi.

  1. Audit i cilj

  2. Struktura i sadržaj

  3. Dizajn i razvoj

  4. Testiranje i lansiranje

Ostale usluge

Šta još radimo

Usluge se često kombinuju - redizajn sa ubrzavanjem, prodavnica sa održavanjem.

Kontakt

Razgovarajmo o vašem projektu

Pošaljite kratak opis projekta, trenutni link sajta ako postoji i cilj koji želite da postignete. Odgovorićemo sa sledećim najboljim korakom.

Pozovite odmah