Razvoj web aplikacija, kako je nastao DroneSky HR za web

Razvoj web aplikacija – DroneSky HR za web – uvod

Kad radiš specijaliziranu aplikaciju za pilote dronova, logično je prvo pitanje: “Hoćete li imati iOS i Android verziju?”.
Mi smo kod DroneSky HR krenuli od iOS‑a – ali kad je došlo vrijeme za sljedeći korak, nismo napravili Android aplikaciju, nego smo se odlučili za razvoj web aplikacija koja svima daje pristup istim podacima, iz bilo kojeg preglednika.

Umjesto da udvostručimo posao na dva mobilna koda, odlučili smo funkciju po funkciju pažljivo preslikati s iOS‑a na web i tako dobiti alat koji radi na iPhoneu, iPadu, laptopu i desktop računalu – bez dodatne instalacije.

Zašto smo za DroneSky HR odabrali razvoj web aplikacija

Na papiru, “iOS + Android” zvuči kao jedina logična kombinacija.
U praksi, za mali tim koji želi brzo napredovati, razvoj web aplikacija često donosi više koristi korisnicima nego još jedna native aplikacija.

Nekoliko vrlo konkretnih razloga zašto je naš sljedeći korak bio web:

• Dostupnost svima, ne samo korisnicima jedne platforme


Web verziju DroneSky HR može otvoriti bilo tko – bez obzira koristi li iPhone, Android, Windows ili macOS. Dovoljno je imati preglednik i internet vezu.

• Jedan proizvod, više uređaja


Piloti često planiraju letove na računalu ili laptopu, u uredu ili kod kuće, a na teren nose mobitel ili tablet. Web aplikacija prirodno pokriva taj “planiram za sutra” scenarij na većem ekranu.

• Manje duplog održavanja, više razvoja funkcija


Umjesto da paralelno razvijamo iOS i Android i rješavamo iste bugove dva puta, fokusirali smo se na iOS + web. To nam je omogućilo da brže uvodimo nove mogućnosti i da se bavimo stvarnim problemima pilota, umjesto beskonačnim “portanjem” funkcionalnosti između platformi.

Android kao platforma nam nije “nestao s radara”, ali nismo ga forsirali samo zato što se od aplikacije “očekuje” da bude svugdje.
Prvi kriterij je bio: gdje naši korisnici najviše dobivaju za svaki sat uložen u razvoj.

Kako je izgledao razvoj web aplikacija za DroneSky HR – preslikavanje s iOS‑a

Kad kažemo da smo DroneSky HR “preslikali” na web, ne mislimo na puko kopiranje ekrana.
Cilj je bio da web aplikacija zadrži isti način razmišljanja kao i iOS app – uz prednost većeg ekrana i dodatnog prostora za napredne funkcije.

Kod razvoja web aplikacija gledali smo sljedeće:

• Funkcija po funkciju, ista logika


Sve ključne stvari koje pilot radi na iOS‑u morali smo omogućiti i na webu:

• odabir lokacije na karti

• pregled prognoze za let

• informacije o vjetru, vidljivosti i osnovnim meteo uvjetima

• prikaz zona ograničenja i zabrane letenja

• dodatne informacije i poveznice na službene izvore


Ideja je bila da pilot koji zna raditi u iOS appu, na webu “instinktivno” zna gdje je što.

• Dizajn i iskustvo korištenja


Karte, boje, stil oznaka i način prikaza zona – sve je namjerno vrlo slično iOS verziji.
Time smo izbjegli situaciju u kojoj proizvod na webu izgleda kao “neki drugi projekt”, iako radi istu stvar.

• Iskorištavanje prednosti većeg ekrana

Na webu imamo više mjesta, pa u istom prikazu možemo pokazati više podataka: širiji pregled karte, detaljnije informacije o vremenu, popis letova ili lokacija.
To web čini idealnim za ozbiljnije planiranje, dok iOS ostaje savršen alat za teren.

Razvoj web aplikacija uz Vercel – brzina i performanse za DroneSky HR

Da bismo web verziju DroneSky HR učinili što bržom i responzivnijom, odlučili smo se za Vercel kao platformu za deploy i pogon aplikacije.

Vercel nam je dao nekoliko ključnih prednosti u razvoju web aplikacija:

• Vrlo brza isporuka sadržaja


Web aplikacija se učitava brzo i radi “appasto”, što je važno kad pilot s terena ili iz ureda želi u par sekundi vidjeti kakvi su uvjeti za let.

• Stabilan deploy i rollback


Svaka nova verzija ide van preko jasnog, kontroliranog procesa – ako je potrebno, možemo se brzo vratiti korak unazad bez downtimea za korisnike.

• Skaliranje bez drame


Kako baza korisnika raste, ne moramo ručno brinuti o serverima i infrastrukturi, nego se fokusiramo na ono u čemu imamo smisla: razvoj funkcionalnosti za pilote dronova.

Za nas, Vercel je bio logičan izbor: brza platforma koja prati način na koji radimo i omogućuje da se web verzija DroneSky HR osjeća kao prava web aplikacija, a ne kao “teška” web stranica.

Razvoj web aplikacija i mobilnih rješenja – iste funkcije, nove mogućnosti

Cilj nam nije bio napraviti “okljaštrenu” web varijantu iOS aplikacije, nego ravnopravnu verziju koja dijeli istu logiku, a na nekim mjestima ide i korak dalje.

Zato web aplikacija danas ima:

• sve ključne funkcije kao i iOS verzija

• pregled vremenskih uvjeta za odabranu lokaciju

• prikaz vjetra, vidljivosti i osnovnih meteo podataka

• prikaz zona ograničenja i zabrane letenja

• dodatne informacije važne za pripremu leta

• napredne mogućnosti koje uvodimo prvo na web, a zatim i na iOS


Web nam je poslužio kao poligon za naprednije stvari, poput:

• dijeljenja lokacija (npr. slanje točke leta kolegi ili klijentu)

• importa i eksportiranja podataka između web i iOS verzije

• lakšeg rada s planovima letova i lokacijama na većem ekranu

Te iste napredne funkcije planiramo postupno uvoditi i u novu verziju iOS aplikacije, tako da i terenski rad na iPhoneu / iPadu dobije iste mogućnosti koje web već nudi.

Razvoj web aplikacija u praksi – što nas je naučio DroneSky HR

Ova priča s DroneSky HR za nas nije samo “još jedan projekt”, nego konkretan primjer kako razmišljamo o razvoju web aplikacija: 

• krećemo od stvarnog problema korisnika (piloti dronova trebaju brzu, točnu i preglednu informaciju)

• biramo platforme koje im daju najviše koristi (iOS + web, umjesto iOS + Android po inerciji)

• gradimo backend i logiku tako da iste funkcije mogu živjeti na više sučelja (mobilna aplikacija, web aplikacija, potencijalno i druge integracije)

Drugim riječima, razvoj web aplikacija za nas nije “napraviti još jedan web”, nego izgraditi alat koji se prirodno uklapa u svakodnevni rad korisnika – bez obzira koristi li mobitel, tablet ili računalo.