Co to jest aplikacja webowa
Aplikacja webowa to oprogramowanie, z którego korzystasz przez przeglądarkę, tak jak ze strony internetowej. Różnica polega na tym, że aplikacja reaguje na to, co robisz: zapamiętuje Twoje dane, pokazuje treści przypisane do Twojego konta i wykonuje operacje, np. przelicza koszyk, wystawia dokument albo zmienia status zamówienia.
W praktyce spotkasz kilka nazw tego samego rozwiązania: aplikacja internetowa, aplikacja webowa, web app, system webowy albo „wersja webowa” programu, który ma też odpowiednik na telefon lub komputer.
Jak działa aplikacja webowa
Aplikacja webowa działa w modelu klient–serwer. Przeglądarka wyświetla interfejs, a serwer przechowuje dane, wykonuje obliczenia i pilnuje uprawnień. Każde kliknięcie, które coś zmienia, wysyła zapytanie do serwera, a ten odsyła wynik.
Z tego modelu wynikają najważniejsze cechy aplikacji webowych. Nie trzeba ich instalować ani ręcznie aktualizować, bo nowa wersja trafia na serwer i od razu widzą ją wszyscy użytkownicy. Działają na komputerze, tablecie i telefonie, niezależnie od systemu operacyjnego. Zwykle potrzebują dostępu do internetu, choć część z nich, przygotowana jako PWA, potrafi działać przez pewien czas offline.
Czym różni się aplikacja webowa od strony internetowej
| Obszar | Strona internetowa | Aplikacja webowa |
|---|---|---|
| Główny cel | przedstawia firmę, ofertę i dane kontaktowe | pozwala wykonać zadanie i przetworzyć dane |
| Interakcja | głównie czytanie, przeglądanie, formularz kontaktowy | logowanie, zamówienia, rezerwacje, edycja danych |
| Treść | taka sama dla każdego odwiedzającego | zależna od konta i uprawnień użytkownika |
| Dane | proste formularze wysyłane mailem | baza danych, historia operacji, raporty |
| Integracje | analityka, newsletter, mapa | ERP, CRM, płatności, systemy zewnętrzne, API |
| Koszt i czas | w Iguana Studio od 5 900 zł netto, zwykle 4–6 tygodni | zwykle od ok. 20 tys. zł netto wzwyż, od 6 tygodni do 5 miesięcy |
Granica bywa płynna. Sklep internetowy to strona z elementami aplikacji: koszykiem, kontem klienta i płatnościami. Portal łączy publiczne treści ze strefą po zalogowaniu, o czym piszemy w artykule portal internetowy a strona internetowa. Jeśli najważniejsze dla Ciebie jest przedstawienie oferty, potrzebujesz strony. Jeśli użytkownik ma coś załatwić i wracać do swoich danych, potrzebujesz aplikacji.
Przykłady aplikacji webowych
Na co dzień
- poczta w przeglądarce, np. Gmail,
- dokumenty i arkusze online, np. Dokumenty Google,
- bankowość internetowa,
- systemy rezerwacji wizyt i biletów,
- edytory grafiki w przeglądarce.
W firmie
- CRM do obsługi klientów i sprzedaży,
- portal klienta z dokumentami i statusami spraw,
- platforma B2B do zamówień hurtowych,
- system obsługi zapytań i wycen,
- narzędzia wewnętrzne do planowania i raportów.
Aplikacja webowa, mobilna, desktopowa czy PWA
| Rodzaj | Gdzie działa | Instalacja | Kiedy się sprawdza |
|---|---|---|---|
| Aplikacja webowa | w przeglądarce na każdym urządzeniu | nie wymaga | systemy dla firm, klientów i partnerów, które mają działać wszędzie |
| PWA | w przeglądarce, z ikoną na ekranie telefonu | opcjonalna, bez sklepu z aplikacjami | gdy potrzebujesz wygody aplikacji i pracy offline bez dwóch osobnych wersji |
| Aplikacja mobilna | na telefonie z Androidem lub iOS | przez sklep z aplikacjami | gdy potrzebny jest pełny dostęp do funkcji telefonu, np. Bluetooth, NFC czy praca w tle, oraz obecność w sklepie z aplikacjami |
| Aplikacja desktopowa | na komputerze z określonym systemem | wymaga instalacji i aktualizacji | przy specjalistycznym oprogramowaniu, które pracuje na dużych plikach lokalnie |
Co oznacza „wersja webowa”
Wersja webowa to odmiana programu, z której korzystasz przez przeglądarkę zamiast instalowanej aplikacji. Tak działa na przykład Microsoft Teams otwierany w przeglądarce. Korzystasz z tego samego konta i tych samych danych, tylko bez instalowania programu na komputerze.
Kiedy firmie wystarczy strona, a kiedy potrzebuje aplikacji
Warto wiedzieć
Sygnały, że strona to za mało
Dane z formularzy przepisujesz ręcznie do arkuszy. Klienci dzwonią z pytaniem o status zamówienia. Ten sam proces prowadzisz w kilku narzędziach naraz. Stali klienci zamawiają mailem lub telefonicznie, choć zawsze kupują to samo. W takich sytuacjach aplikacja webowa zwykle szybko się zwraca.
Jeśli Twoim celem jest pozyskiwanie zapytań i przedstawienie oferty, dobrze zaprojektowana strona będzie tańsza i szybsza we wdrożeniu. Często rozsądnie jest zacząć od strony, a aplikację dobudować wtedy, gdy pojawi się proces, który warto zautomatyzować. Więcej o samych stronach przeczytasz na podstronie o tworzeniu stron internetowych.
Jak powstaje aplikacja webowa
Analiza procesu
Ustalamy, kto będzie korzystał z aplikacji, co robi krok po kroku i z jakich systemów pochodzą dane.
Makiety i UX
Projektujemy ekrany i przepływy, zanim powstanie pierwsza linijka kodu. Wtedy zmiany są najtańsze.
Programowanie i integracje
Budujemy aplikację i łączymy ją z narzędziami, których firma już używa, np. ERP, CRM czy płatnościami.
Testy i wdrożenie
Sprawdzamy działanie na danych zbliżonych do rzeczywistych, przenosimy dane ze starych narzędzi i uruchamiamy pierwszą wersję.
Rozwój
Dokładamy kolejne moduły na podstawie tego, jak użytkownicy korzystają z systemu.
Aplikacje budujemy na Laravelu i Vue.js, a klient dostaje otwarty kod. Szczegóły współpracy opisujemy na stronie o tworzeniu aplikacji webowych dla firm, a różnice między gotowym systemem a rozwiązaniem szytym na miarę w tekście o dedykowanych aplikacjach internetowych. Ile to kosztuje i od czego zależy cena, opisujemy w artykule ile kosztuje aplikacja webowa.
Nie wiesz, czy Twój projekt to jeszcze strona, czy już aplikacja? Opisz nam, co ma się dziać po stronie użytkownika, a podpowiemy, od czego zacząć.
