Strona internetowa przedstawia firmę i ofertę wszystkim odwiedzającym, a jej zadaniem jest informować i zbierać zapytania. Aplikacja webowa to program działający w przeglądarce, w którym zalogowani użytkownicy pracują na danych: dodają zlecenia, rezerwują terminy, zmieniają statusy i generują dokumenty. Jeśli ludzie mają czytać o Twojej firmie, wystarczy strona, a jeśli mają coś w systemie załatwiać, potrzebujesz aplikacji.
W praktyce granica bywa płynna, bo strona może mieć kalkulator albo formularz rezerwacji, a aplikacja publiczną stronę logowania. Poniżej opisuję, po czym rozpoznać jedno i drugie, jak wypada porównanie z aplikacją mobilną i czym jest PWA.
Co to jest aplikacja webowa
Aplikacja webowa, nazywana też aplikacją internetową, to oprogramowanie, które działa na serwerze, a użytkownik obsługuje je w przeglądarce na komputerze, tablecie albo telefonie. Nie trzeba niczego instalować: wystarczy adres i konto. Zmiana wprowadzona przez jednego użytkownika jest od razu widoczna dla pozostałych, bo wszyscy pracują na tej samej bazie danych.
Po czym poznasz aplikację webową:
- użytkownicy logują się na własne konta i mają różne uprawnienia,
- główną treścią są dane, które użytkownicy sami dodają i zmieniają, a nie teksty przygotowane raz przez autora,
- system wykonuje operacje: liczy, sprawdza dostępność terminów, zmienia statusy, wysyła powiadomienia,
- ten sam ekran wygląda inaczej dla każdego użytkownika, bo pokazuje jego dane.
Aplikacje webowe znasz z codziennego życia: bankowość internetowa, poczta w przeglądarce, panel firmy kurierskiej, program do faktur online. Panel administracyjny WordPressa też jest aplikacją webową, choć służy do zarządzania stroną.
Co to jest strona internetowa
Strona internetowa to zestaw podstron z treścią przeznaczoną dla wszystkich: oferta, opis firmy, realizacje, blog, kontakt. Każdy odwiedzający widzi to samo. Treść zmienia właściciel strony w panelu CMS, a odwiedzający może ją przeczytać i wysłać formularz.
Strona ma przede wszystkim zostać znaleziona i zrozumiana, zarówno przez klienta, jak i przez wyszukiwarkę. Dlatego przy stronie liczą się treść, szybkość ładowania, struktura podstron i SEO techniczne. Przy aplikacji liczą się poprawność danych, uprawnienia i wygoda codziennej pracy.
Z czego składa się aplikacja webowa
Aplikacja webowa ma kilka warstw, które działają razem:
- baza danych, w której zapisani są klienci, zlecenia, terminy i dokumenty,
- logika na serwerze, czyli reguły: kto może co zrobić, jak liczyć cenę, kiedy wysłać powiadomienie,
- interfejs, czyli ekrany, które użytkownik widzi w przeglądarce,
- API, przez które aplikacja wymienia dane z innymi systemami, na przykład z płatnościami, kurierami albo systemem magazynowym,
- zadania w tle, na przykład codzienne zestawienia albo przypomnienia wysyłane o ustalonej godzinie.
Strona internetowa też ma serwer i bazę danych, ale jej logika ogranicza się zwykle do wyświetlania treści i obsługi formularza. W aplikacji najważniejsza jest logika i to na nią przypada większość pracy przy budowie.
Najważniejsze różnice w praktyce
Strony i aplikacje powstają w podobnych narzędziach, dlatego różnice dotyczą przede wszystkim celu, użytkowników i danych. Zestawienie obejmuje też aplikację mobilną, bo pytanie o nią pojawia się przy tej samej decyzji.
Strona internetowa, aplikacja webowa i aplikacja mobilna - porównanie
Zestawienie opisuje typowe zastosowania. Konkretny projekt może łączyć cechy dwóch kolumn, na przykład strona z formularzem rezerwacji albo aplikacja z publiczną częścią dla klientów.
| Kryterium | Strona internetowa | Aplikacja webowa | Aplikacja mobilna (natywna) |
|---|---|---|---|
| Główne zadanie | Przedstawić firmę i ofertę, zebrać zapytania. | Obsłużyć proces: zlecenia, rezerwacje, klientów, dokumenty. | Dać dostęp do usługi z telefonu, z wykorzystaniem jego funkcji. |
| Użytkownicy | Wszyscy odwiedzający, zwykle bez logowania. | Zalogowani pracownicy, klienci lub kontrahenci z różnymi uprawnieniami. | Osoby, które zainstalowały aplikację na telefonie. |
| Treść i dane | Treść przygotowana przez właściciela, taka sama dla każdego. | Dane dodawane przez użytkowników, inne dla każdego konta. | Dane z serwera i z urządzenia, często przechowywane także w telefonie. |
| Jak się z niej korzysta | Przeglądarka na dowolnym urządzeniu. | Przeglądarka na dowolnym urządzeniu, opcjonalnie instalacja jako PWA. | Instalacja ze sklepu App Store lub Google Play. |
| Nowe wersje | Zmiana na serwerze, widoczna od razu. | Zmiana na serwerze, widoczna od razu dla wszystkich użytkowników. | Nowa wersja publikowana w sklepach, użytkownik musi ją pobrać. |
| Widoczność w Google | Podstawowe źródło nowych odwiedzających. | Ekrany za logowaniem nie trafiają do wyników wyszukiwania. | Użytkownicy znajdują ją głównie w sklepie z aplikacjami. |
| Najważniejsze przy budowie | Treść, szybkość, struktura podstron, SEO techniczne. | Model danych, role i uprawnienia, poprawność procesów. | Wydajność na telefonie, praca bez internetu, zgodność z wytycznymi sklepów. |
| Przykłady | Strona firmowa, blog, podstrona usługi, landing page. | Panel klienta, system rezerwacji, CRM, kalkulator ofertowy. | Aplikacja banku, aplikacja dla kierowców firmy kurierskiej, aplikacja treningowa. |
PWA to aplikacja webowa z możliwością instalacji na ekranie telefonu i pracy przy słabym połączeniu. Pod względem funkcji leży między drugą a trzecią kolumną.
Przykłady aplikacji webowych w firmie
Aplikacja webowa zwykle przejmuje proces, który dziś działa na mailach, telefonach i arkuszach. Typowe przykłady:
- Panel klienta. Klient loguje się, widzi status swojego zlecenia, pobiera dokumenty i przesyła pliki, zamiast pytać mailem, na jakim etapie jest sprawa.
- System rezerwacji. Kalendarz z wolnymi terminami, potwierdzenia i przypomnienia, blokowanie terminów zajętych przez innych pracowników.
- CRM. Jedna kartoteka klientów z historią kontaktów, ofert i zleceń, dostępna dla całego zespołu. Kiedy wystarczy gotowy program, a kiedy warto zbudować własny, opisuję we wpisie o CRM dla małej firmy usługowej.
- Kalkulator ofertowy. Handlowiec albo klient wybiera parametry, a system liczy cenę według Twoich reguł i przygotowuje ofertę w PDF.
- Narzędzie wewnętrzne. Ewidencja sprzętu, harmonogram ekip, obieg dokumentów do akceptacji.
Wiele z tych procesów zaczyna się w arkuszu kalkulacyjnym. Po czym poznać, że to już za mało, piszę we wpisie kiedy arkusz Excela przestaje wystarczać.
Strona i aplikacja razem
Strona i aplikacja nie wykluczają się. Częsty układ to publiczna strona firmy pod główną domeną i aplikacja pod subdomeną, na przykład panel.twojafirma.pl. Strona przyciąga klientów z wyszukiwarki i odpowiada na ich pytania, a aplikacja obsługuje ich po podpisaniu umowy.
Takie rozdzielenie ma praktyczne zalety:
- stronę możesz zmienić albo przebudować bez ruszania aplikacji i danych klientów,
- aplikacja nie musi być widoczna w Google, więc nie trzeba jej przygotowywać pod wyszukiwarkę,
- awaria albo aktualizacja jednej części nie wyłącza drugiej,
- uprawnienia i zabezpieczenia aplikacji ustawiasz niezależnie od panelu strony.
Jeśli dopiero planujesz stronę firmową, a aplikacja to plan na później, warto przy tworzeniu stron internetowych przewidzieć miejsce na link do panelu i spójny wygląd obu części.
Aplikacja webowa a aplikacja mobilna
Aplikacja mobilna, czyli natywna, to program instalowany na telefonie ze sklepu App Store albo Google Play. Ma pełny dostęp do funkcji telefonu i może działać bez stałego połączenia. Wymaga jednak osobnej wersji dla iOS i Androida albo technologii wieloplatformowej, publikacji w sklepach z aplikacjami i przejścia ich weryfikacji przy kolejnych wersjach.
Aplikacja webowa działa w przeglądarce telefonu bez instalacji, a nową wersję wdrażasz raz, na serwerze, i od razu widzą ją wszyscy użytkownicy. Dla narzędzi firmowych, z których pracownicy i klienci korzystają przy biurku albo w terenie, to zwykle wystarcza. Aplikacja natywna ma przewagę, gdy produkt intensywnie korzysta z aparatu, lokalizacji w tle albo pracy bez internetu, lub gdy ma być dostępny w sklepie z aplikacjami jako osobny produkt.
Aplikacja natywna to osobny projekt, z własną publikacją w sklepach z aplikacjami i własnym utrzymaniem. Wybór aplikacji webowej nie zamyka jednak do niej drogi.
PWA, czyli aplikacja webowa z instalacją
PWA (Progressive Web App) to aplikacja webowa rozszerzona o funkcje znane z aplikacji mobilnych. Według materiałów web.dev zainstalowana PWA otwiera się w osobnym oknie, poza kartą przeglądarki, i może działać także przy słabym połączeniu albo bez niego. Technicznie wymaga pliku manifestu i service workera, czyli skryptu, który zarządza pamięcią podręczną i powiadomieniami.
PWA warto rozważyć, gdy:
- użytkownicy otwierają aplikację wiele razy dziennie i ikona na ekranie telefonu skraca im drogę,
- część pracy odbywa się w miejscach ze słabym zasięgiem, na przykład w magazynie albo na budowie,
- potrzebujesz powiadomień push bez budowania aplikacji natywnej.
Na iPhonie i iPadzie powiadomienia push działają w aplikacjach webowych dodanych do ekranu początkowego. Apple wprowadziło je w iOS i iPadOS 16.4, co opisuje ogłoszenie na blogu WebKit. Użytkownik musi więc najpierw sam ją tam dodać.
Co wybrać - pytania, które ułatwiają decyzję
- Czy odwiedzający ma się czegoś dowiedzieć, czy coś załatwić? Dowiedzieć się: strona. Załatwić, z zapisem w systemie: aplikacja.
- Czy użytkownicy muszą się logować? Jeśli każdy ma widzieć tylko swoje dane, potrzebujesz aplikacji.
- Czy kilka osób pracuje na tych samych danych? Wtedy liczą się role, historia zmian i jedna aktualna wersja danych, czyli typowe elementy aplikacji.
- Czy treść ma być widoczna w Google? Treść za logowaniem nie trafia do wyników wyszukiwania, więc to, co ma przyciągać klientów, powinno być na stronie.
- Czy wystarczy rozszerzenie strony? Prosty kalkulator albo formularz rezerwacji czasem da się dodać do istniejącej strony wtyczką, bez budowy osobnego systemu.
Koszt aplikacji zależy od liczby ekranów, ról, procesów i integracji, a nie od liczby podstron. Jak powstaje wycena, opisuję we wpisie ile kosztuje aplikacja internetowa. Jeśli zastanawiasz się, komu zlecić taki projekt, porównanie modeli współpracy znajdziesz we wpisie freelancer, agencja czy software house.
Najczęstsze pytania
Czy WordPress to strona czy aplikacja webowa?
Jedno i drugie. Publiczna część, którą widzą odwiedzający, to strona internetowa. Panel administracyjny, w którym logujesz się i edytujesz treści, działa jak aplikacja webowa. Na WordPressie da się zbudować proste funkcje aplikacyjne, ale przy rozbudowanych procesach z wieloma rolami lepiej sprawdza się framework, na przykład Laravel.
Czy aplikacja webowa działa bez internetu?
Typowa aplikacja webowa potrzebuje połączenia, bo dane są na serwerze. Wersja PWA może przechowywać część danych w pamięci urządzenia i wysłać zmiany na serwer po odzyskaniu połączenia. Pracę bez internetu trzeba zaplanować w specyfikacji, bo wymaga ustalenia, co się dzieje, gdy dwie osoby zmienią te same dane.
Czym aplikacja webowa różni się od sklepu internetowego?
Sklep internetowy to aplikacja webowa z publiczną częścią sprzedażową. Platformy takie jak WooCommerce czy PrestaShop obsługują typowy proces zakupu. Dedykowana aplikacja ma sens, gdy proces odbiega od zwykłego zakupu, na przykład przy zamówieniach z indywidualną wyceną albo obsłudze zleceń z kilkoma etapami.
Czy aplikację webową można później uzupełnić o aplikację mobilną?
Tak. Aplikacja webowa może od początku udostępniać API, z którego skorzysta późniejsza aplikacja natywna. Logika i dane zostają wtedy na serwerze, a aplikacja natywna jest osobnym projektem, który korzysta z tych samych danych. Dlatego przy projektowaniu aplikacji webowej warto od początku oddzielić logikę od ekranów.
Jeśli masz proces, który wymaga logowania, ról i pracy kilku osób na tych samych danych, opisz mi go. Zakres i przebieg prac opisuję przy usłudze Tworzenie aplikacji internetowych, a każdą aplikację wyceniam indywidualnie, po rozmowie.
