Što je web aplikacija (s primjerima koje koristite svaki dan)

Web aplikacija je termin koji čujete često, koristite svaki dan, ali rijetko se zaustavite da definirate. To nije problem dok ne dođete u poziciju u kojoj sami trebate naručiti razvoj jedne — onda iznenada postane važno znati točno što tražite, što se razlikuje od web stranice i kako razgovarati o tome s timom koji to gradi.

Ovaj tekst razlaže što je web aplikacija jednostavnim jezikom, daje deset primjera koje vrlo vjerojatno koristite svaki tjedan, i objašnjava kako se razlikuje od ostalih tipova softvera (web stranica, mobilna aplikacija, desktop aplikacija).

Definicija u jednoj rečenici

Web aplikacija je interaktivni softver koji koristite kroz preglednik (Chrome, Safari, Firefox), gdje se obavlja stvaran posao — ne samo čitanje informacija.

Tri ključne riječi: interaktivan, preglednik, stvaran posao. Ako sva tri vrijede — to je web aplikacija.

Da raspakiramo:

• Interaktivan: vi unosite podatke, sustav obrađuje, vraća rezultat, vi dalje djelujete. Nije pasivno čitanje.
• Preglednik: ne treba vam ništa instalirati. Otvorite Chrome, upišete adresu, koristite. Razlika u odnosu na desktop ili mobilnu aplikaciju.
• Stvaran posao: sustav nešto radi za vas. Pohranjuje podatke, šalje, kalkulira, povezuje. Razlika u odnosu na običnu web stranicu.

Razlika u odnosu na “običnu” web stranicu

Ovo je razlika koju mnogi miješaju. Brzi pregled:

Web stranica je digitalni prospekt — informira. Web aplikacija je digitalni alat — obavlja posao.

Granica nije uvijek crno-bijela. Stranica s blogom i komentarima ima neke aplikacijske elemente. Marketinška stranica SaaS proizvoda ima formular za prijavu. Ali u suštini — ako više čitate nego radite, to je stranica. Ako više radite nego čitate, to je aplikacija.

Razlika u odnosu na mobilnu aplikaciju

Mobilna aplikacija (iOS, Android) instalira se na uređaj. Web aplikacija živi u pregledniku — bilo kojem pregledniku, na bilo kojem uređaju.

U praksi, mnoge tvrtke imaju i web aplikaciju i mobilnu aplikaciju koje su različite verzije istog proizvoda. Slack je primjer — web verzija, desktop aplikacija, iOS aplikacija, Android aplikacija. Sve to su različita “lica” istog proizvoda iza kojeg je jedan backend.

Progressive Web Apps (PWA) su hibridni pristup — web aplikacije koje mogu raditi offline i ponašati se gotovo kao mobilne aplikacije, ali bez instalacije. Sve popularniji izbor za tvrtke koje žele jedno rješenje za sve uređaje.

Razlika u odnosu na desktop aplikaciju

Desktop aplikacija (Microsoft Word, Photoshop, Spotify desktop) instalira se na vaše računalo. Sve manje relevantna kategorija u 2026., jer mnoge desktop aplikacije imaju web verzije koje su jednako moćne (Google Docs umjesto Worda, Figma umjesto Sketcha, Spotify Web umjesto desktopа).

Pravilo: ako možete isto napraviti u pregledniku kao u instaliranom programu, web aplikacija obično pobjeđuje jer ne traži instalaciju, automatski se ažurira i radi na bilo kojem uređaju.

Deset web aplikacija koje koristite (a možda niste ni primijetili)

Najbolji način da razumijete što je web aplikacija jest da prepoznate koliko ih već koristite svaki dan:

1. Gmail — vi čitate i šaljete e-mail kroz preglednik. Sustav prima, obrađuje, sprema, šalje. Klasična web aplikacija.

2. Google Docs / Sheets — pišete dokument u pregledniku, sve se sprema u realnom vremenu, drugi mogu istovremeno raditi s vama. Sva logika obrade dokumenata događa se na strani Googla.

3. Facebook / Instagram (web verzija) — feed, objave, komentari, poruke. Izričito web aplikacija, čak i ako većinom koristite mobilnu verziju.

4. Netflix / YouTube — pregledavate katalog, vodi vam povijest, daje preporuke, omogućava praćenje napretka. Sve to su aplikacijske funkcije, ne čitanje statičnog sadržaja.

5. Online banking — provjeravate stanje, plaćate, prebacujete novac, pregledavate transakcije. Vrlo ozbiljna web aplikacija.

6. Booking.com / Airbnb — pretraživate, filtrirate, rezervirate, plaćate, ostavljate ocjene. Sve uz korisnički račun.

7. WordPress admin panel — pišete članke, upravljate slikama, postavljate stranice. Web aplikacija unutar koje se uređuje vaša web stranica.

8. Spotify Web Player — pretraživanje, playlist-e, preporuke, plaćanje pretplate. Sve u pregledniku.

9. Trello / Asana / Notion — upravljanje zadacima, projektima, dokumentima. Centralno mjesto rada za milijune timova.

10. Slack / Microsoft Teams (web verzija) — komunikacija u realnom vremenu, kanali, datoteke, integracije.

Ako ste otvarali bilo što od ovoga ovaj tjedan — koristili ste web aplikaciju.

Anatomija web aplikacije

Da razumijete što kupujete kad naručujete razvoj, korisno je znati od čega se web aplikacija sastoji. Tri glavna dijela:

Frontend (sučelje)

Ono što vidite i s čime klikate. Frontend je napisan u jeziku preglednika (HTML, CSS, JavaScript) i pokazuje vam ekrane, formulare, gumbove, animacije. Kad kliknete gumb “Pošalji”, frontend prikuplja vaše podatke i šalje ih backendu.

Tipične tehnologije: React, Vue, Angular, Next.js (najpopularnije u 2026.).

Backend (logika)

Mozak aplikacije. Backend prima zahtjeve s frontenda, obrađuje ih (provjerava, kalkulira, sprema), i vraća rezultate. Tu se događa sva poslovna logika — autentikacija, plaćanja, izračuni, komunikacija s vanjskim sustavima.

Tipične tehnologije: Node.js, Python (Django, FastAPI), Ruby on Rails, PHP (Laravel), Java, Go.

Baza podataka

Mjesto gdje se podaci čuvaju. Sve što unosite — registracije, narudžbe, poruke, postavke — sprema se u bazu. Backend čita i piše u bazu.

Tipične tehnologije: PostgreSQL, MySQL (relacijske), MongoDB, DynamoDB (NoSQL).

Sve to skupa

Kad ste kliknuli ovaj članak da ga pročitate:

1. Vaš preglednik (frontend) je poslao zahtjev na server
2. Backend je primio zahtjev, provjerio koji članak tražite
3. Backend je dohvatio sadržaj iz baze
4. Backend je vratio podatke frontendu
5. Frontend ih je prikazao kao ono što sad vidite

Cijeli proces traje 100 – 500 ms. Sve to događa se za svaki klik koji napravite na bilo kojoj web aplikaciji.

Vrste web aplikacija (po obliku)

Web aplikacije dolaze u različitim oblicima:

Internal tools (interni alati) — sustavi koje koristi vaš tim. CRM, sustav za upravljanje narudžbama, kontrola zaliha, HR portal. Korisnici su vaši zaposlenici.

SaaS (Software as a Service) — proizvod koji prodajete drugima. HubSpot, Notion, Calendly, Mailchimp — svi su SaaS web aplikacije. Korisnici su drugi biznisi koji plaćaju pretplatu.

Marketplace platforme — povezuju ponuđače i kupce. Booking.com, Airbnb, Upwork, Etsy. Korisnici su s obje strane.

E-commerce — online trgovine. Standardno upravljaju proizvodima, košaricom, plaćanjem, dostavom, korisničkim podacima.

Content platforme — Netflix, YouTube, Spotify. Velika baza sadržaja, korisnici se prijavljuju, sustav daje personalizirane preporuke.

B2B portali — alati za rad s vašim klijentima. Klijent se prijavljuje u svoj prostor, vidi vaše izvještaje, podiže fakture, traži podršku.

Edukacijske platforme — tečajevi, video lekcije, kvizovi, certifikati. Coursera, Udemy, Khan Academy.

Booking i rezervacijski sustavi — Calendly, OpenTable. Posebna kategorija s vrlo specifičnom logikom (dostupnost, kalendari, podsjetnici).

Analytics dashboards — alati za vizualizaciju podataka i izvještavanje.

Komunikacijske platforme — Slack, Discord, Teams. Realtime poruke, kanali, integracije.

Što razlikuje “dobru” web aplikaciju

Sve gore navedeno tehnički su web aplikacije. Razlika između onih koje korisnici vole i onih koje izbjegavaju nije u tehnologiji — u ozbiljnosti pristupa.

Brzina. Aplikacija koja se učitava 5 sekundi izgubila je polovicu korisnika. Cilj je ispod 2 sekunde za kritične akcije.

Pouzdanost. Aplikacija koja “ponekad ne radi” gradi nepovjerenje brzo. Uptime ispod 99,5 % je problem za ozbiljne biznise.

Sigurnost. Korisnički podaci, plaćanja, povjerljive informacije moraju biti zaštićeni od standardnih napada. Sigurnosni propusti mogu uništiti reputaciju u jednom danu.

Iskoristivost. Najljepša aplikacija je beskorisna ako korisnik ne razumije što da klikne. UX dizajn nije dekoracija — to je razlika između alata koji se voli koristiti i onoga koji se mrzi.

Skalabilnost. Aplikacija koja radi za 100 korisnika može pasti pod 10.000. Inženjering za rast nije nešto što se “doda kasnije” — gradi se od početka.

Kada vam treba web aplikacija

Ako prepoznajete jedno ili više ovih signala u svom poslu:

• Imate procese koje radite ručno koji bi se mogli automatizirati (rezervacije, narudžbe, izvještaji)
• Vaši klijenti pitaju “imate li portal gdje mogu vidjeti svoj račun?”
• Vaš tim koristi 5 različitih alata koji nisu povezani i podaci se gube
• Imate različite vrste korisnika koji trebaju različite stvari (klijent, administrator, dobavljač)
• Vaš proces je vaš diferencijator — radite na način koji nitko drugi ne radi
• Skalabilnost vašeg biznisa zaglavila je u ručnom radu

— web aplikacija je vjerojatno rješenje. Razlika nije teoretska. Web aplikacija pravilno izgrađena može povećati operativnu efikasnost za 30 – 70 %, omogućiti rast bez proporcionalnog porasta tima, i dati vam pristup podacima koji vam danas nedostaju.

Suština

Web aplikacija je interaktivni softver koji koristite kroz preglednik za stvaran posao — ne samo čitanje. Razlikuje se od web stranice po interaktivnosti i logici, od mobilne aplikacije po tome što ne treba instalaciju, i od desktop aplikacije po tome što radi na bilo kojem uređaju.

Vrlo vjerojatno koristite barem 5 web aplikacija svaki dan a da to ne registrirate kao “tehnologiju” — to je dio koliko su postale prirodne. Ali kad sami trebate jednu naručiti, razumijevanje strukture (frontend, backend, baza), tipova (SaaS, internal tool, marketplace) i kvalitete (brzina, pouzdanost, UX) postaje važno.

Najpametniji prvi korak ako razmišljate o vlastitoj web aplikaciji: napišite jednu rečenicu o tome što ona treba raditi za vaš biznis. Ne kako mora izgledati. Što mora raditi. Iz toga proizlazi sve drugo — opseg, tehnologija, cijena, partner.

Razmišljate o razvoju web aplikacije? Možemo s vama proći kroz vašu ideju, identificirati ono što stvarno mora biti u prvoj verziji, i predložiti pristup koji odgovara fazi vašeg poslovanja. Javite nam se. Više o tome kako pristupamo razvoju pogledajte na stranici Razvoj web aplikacija.