PWA · web i mobile

Aplikacje PWA — mobilność i praca offline

Budujemy aplikacje internetowe, z których można korzystać w przeglądarce i po instalacji na urządzeniu. PWA łączy dostęp z linku z wybranymi możliwościami aplikacji mobilnej — od formularzy terenowych po panel klienta.

01

Praca w terenie

Formularze, checklisty i zdjęcia ze świadomie zaprojektowanym trybem offline.

03

Połączone dane

Synchronizacja z systemem firmy i widoczny stan przesłania zmian.

01Zastosowania

PWA w serwisie, inspekcjach i obsłudze klienta

PWA sprawdza się tam, gdzie użytkownik regularnie wraca do kilku konkretnych zadań: uzupełnia protokół, sprawdza status zgłoszenia, akceptuje dokument lub rejestruje wykonanie pracy. Projektujemy interfejs dla małego ekranu, dotyku i warunków, w których dane są rzeczywiście wprowadzane.

Ta sama aplikacja może obsługiwać telefon i komputer. Dostęp do aparatu, lokalizacji czy innych funkcji urządzenia zależy od przeglądarki, systemu i udzielonych zgód. Przed wyborem technologii testujemy funkcje kluczowe dla procesu.

Serwisant

Lista wizyt, odczyty, zdjęcia i protokół gotowy do przekazania.

Pracownik terenowy

Checklista kontroli, lokalizacja oraz formularz zapisany przy słabym zasięgu.

Klient lub partner

Dostęp do zamówień, dokumentów i informacji o realizacji.

Zespół operacyjny

Zadania i potwierdzenia zdarzeń, które trafiają do systemu wewnętrznego.

02Instalacja i aktualizacje

Instalacja i aktualizacje aplikacji PWA

Użytkownik otwiera adres internetowy i może zainstalować aplikację, jeśli środowisko obsługuje ten sposób instalacji. Przygotowujemy manifest, ikony, bezpieczne połączenie HTTPS oraz zachowanie aplikacji po uruchomieniu z ekranu urządzenia.

Sposób dodania PWA różni się między platformami. Projektujemy krótką pomoc dopasowaną do urządzenia i dbamy, by zwykła wersja przeglądarkowa nadal była użyteczna. Aktualizację aplikacji planujemy tak, aby użytkownik nie stracił rozpoczętego formularza.

03Praca offline

Tryb offline i dane na urządzeniu

Tryb offline nie powstaje automatycznie po instalacji. Service worker może przechowywać zasoby aplikacji, a lokalna baza, np. IndexedDB, wybrane dane i oczekujące operacje. Ustalamy, co można odczytać i zmienić bez kontaktu z serwerem.

Pokazujemy datę ostatniej aktualizacji, stan połączenia i operacje oczekujące na wysłanie. Informacje wrażliwe ograniczamy do niezbędnego zakresu. Pamięć urządzenia może zostać wyczyszczona przez użytkownika lub system, dlatego nie zastępuje serwerowej kopii danych.

Formularz przy słabym zasięgu
  1. Przygotowanie

    Pobranie potrzebnych zadań podczas połączenia.

  2. Zapis lokalny

    Zachowanie formularza i oznaczenie oczekiwania.

  3. Ponowne połączenie

    Kontrola sesji oraz wysłanie operacji do API.

  4. Potwierdzenie

    Informacja o zapisie albo konflikcie wymagającym decyzji.

04Synchronizacja i API

Synchronizacja zmian z systemem firmy

Każda operacja ma identyfikator i śledzony stan: oczekuje na wysłanie, została potwierdzona albo wymaga wyjaśnienia. Projektujemy kolejkę wysyłki, ponowienia oraz obsługę sytuacji, gdy rekord został zmieniony równolegle przez inną osobę. Użytkownik może zobaczyć i rozwiązać konflikt zamiast nieświadomie nadpisać dane.

Synchronizacja w tle nie jest dostępna jednakowo na wszystkich urządzeniach. Zapewniamy również wysyłkę po powrocie do aplikacji i możliwość ręcznego ponowienia. Po stronie serwera można połączyć PWA z PostgreSQL, FileMakerem lub innym systemem przez API.

05Powiadomienia i wybór platformy

Powiadomienia i wybór platformy mobilnej

Powiadomienia push wymagają obsługi przez urządzenie, zgody użytkownika i działającej usługi wysyłki. Na iPhone i iPadzie Web Push jest dostępny dla aplikacji dodanych do ekranu początkowego w obsługiwanych wersjach systemu. Ważne terminy powinny być widoczne także w aplikacji.

Jeżeli kluczowe są intensywna praca w tle, specjalistyczne urządzenia lub funkcje niedostępne w przeglądarce, porównujemy PWA z aplikacją natywną. W środowisku Claris osobno oceniamy FileMaker Go dla iPhone i iPada. Wybór wynika z testu potrzebnych operacji.

Pytania i odpowiedzi

Przed podjęciem decyzji

Czy PWA działa na iPhone i Androidzie?

Aplikacja webowa może działać w przeglądarkach na obu platformach. Sposób instalacji, powiadomienia, pamięć i zadania w tle mają różne możliwości, dlatego ustalamy obsługiwane urządzenia i testujemy na nich kluczowe funkcje.

Czy PWA zawsze działa bez internetu?

Nie. Zakres offline trzeba zaprojektować. Można udostępnić np. pobrane zadania i formularze, podczas gdy płatność lub sprawdzenie aktualnej dostępności nadal wymaga połączenia.

Czy aplikacja musi trafić do App Store lub Google Play?

Podstawową wersję PWA udostępnia się pod adresem internetowym. Publikacja w sklepie, jeśli potrzebna, jest oddzielną decyzją zależną od wymagań danej platformy i sposobu przygotowania aplikacji.

Zacznijmy od rozmowy

Co powinno działać nawet przy słabym zasięgu?

Opisz urządzenia zespołu, zadania wykonywane w terenie i dane, które mają być dostępne bez połączenia.

Zaplanujmy aplikację PWA