Offline-ready RescueTimer | Jak stworzyliśmy aplikację dla strażaków OS
O projekcie
Ochotnicza Straż Pożarna (OSP).
Od wyzwania
Kluczowe wyzwania
Brak skutecznego narzędzia do mierzenia poziomu tlenu i raportowania zdarzeń.
Brak skutecznego narzędzia do mierzenia poziomu tlenu i raportowania zdarzeń.
Konieczność zapewnienia pracy systemu w trybie offline.
Konieczność zapewnienia pracy systemu w trybie offline.
Automatyzacja obliczeń zużycia tlenu dla każdego ratownika.
Automatyzacja obliczeń zużycia tlenu dla każdego ratownika.
Zintegrowanie funkcjonalności raportowania i zarządzania danymi w jedną aplikację.
Zintegrowanie funkcjonalności raportowania i zarządzania danymi w jedną aplikację.
Kluczowe wymagania funkcjonalne i niefunkcjonalne
Automatyczne generowanie raportów z akcji, obejmujące dane o czasie rozpoczęcia i zakończenia działań.
Możliwość dodawania nowych placówek z licencjami.
Zarządzanie ratownikami i ich parametrami, umożliwiające przypisywanie sprzętu i śledzenie ich efektywności.
Proces logowania i autoryzacji użytkowników.
Baza wiedzy z możliwością przeglądania instrukcji i przepisów w formacie PDF
Eksport raportów do Excela.
Obliczanie średniego ciśnienia z butli, uwzględniające indywidualne zużycie tlenu przez każdego ratownika, dynamiczne przeliczanie pozostałego czasu pracy.
Pełne wsparcie offline.
Przez rozwiązanie
Przez rozwiązanie
Onboarding i planowanie
- Briefing z klientem w celu określenia wymagań.
- Tworzenie UX/UI oraz akceptacja makiet.
- Planowanie architektury systemu i doboru technologii.
Decyzje technologiczne
- Zastosowanie Firebase do obsługi offline i synchronizacji danych w czasie rzeczywistym.
- Workbox do cache'owania danych i umożliwienia działania aplikacji jako PWA.
- React oraz Redux Toolkit dla spójnej i wydajnej obsługi frontendu.
Nieprzewidziane trudności i ich rozwiązanie
Jednym z największych wyzwań było zapewnienie niezawodnej pracy aplikacji w trybie offline. W tym celu zastosowano:
- Workbox, który umożliwia cache'owanie aplikacji i zapewnia jej dostępność bez internetu.
- Firebase, który synchronizuje dane wprowadzone w trybie offline natychmiast po ponownym uzyskaniu połączenia z siecią.
- Mechanizm jednokrotnego logowania – dzięki zapisaniu tokenu z określonym czasem ważności użytkownik pozostaje zalogowany, nawet gdy jest offline.
- PWA – aplikacja może być instalowana jak mobilna, ale działa przez przeglądarkę, eliminując konieczność pobierania jej z Google Play czy App Store.
- Automatyzacja raportowania – Firebase Functions umożliwia generowanie raportów XLS po zakończonej akcji.
Implementacja
- Stworzenie algorytmu przeliczającego średnie zużycie tlenu.
- Moduł zarządzania placówkami i uprawnieniami.
- Generowanie raportów XLS po zakończonych akcjach.
- Możliwość podglądu instrukcji i przepisów w formacie PDF.
Testowanie i optymalizacja
- Implementacja testów funkcjonalnych.
- Optymalizacja aplikacji pod kątem wydajności.
- Weryfikacja działania trybu offline i synchronizacji danych.
Po sukces
Efekty technologiczne
Automatyzacja obliczeń
Obliczenie średniego zużycia tlenu, co poprawiło efektywność zarządzania akcjami.
Bezproblemowa praca offline
Możliwa dzięki Firebase i Workbox.
Nowoczesny design
Intuicyjna obsługa i nowoczesny interfejs.
Dodatkowe funkcje
Łatwy dostęp do procedur ratowniczych w aplikacji.
Korzyści biznesowe
Zwiększona efektywność organizowania akcji ratunkowych.
Możliwość korzystania aplikacji bez konieczności jej instalacji z Google Play czy App Store.
Centralizacja i automatyzacja zarządzania ratownikami.
Zespół projektowy
Sara
UX/UI Designer
Metodyka zarządzania projektem
Projekt realizowano zgodnie z podejściem Agile, co pozwalało na bieżącą weryfikację postępów i szybkie reagowanie na potrzeby klienta. Ze względu na specyfikę projektu, większość prac deweloperskich była realizowana przez jednego programistę, który odpowiadał zarówno za implementację, jak i testowanie rozwiązań.
Projekt realizowano zgodnie z podejściem Agile, co pozwalało na bieżącą weryfikację postępów i szybkie reagowanie na potrzeby klienta. Ze względu na specyfikę projektu, większość prac deweloperskich była realizowana przez jednego programistę, który odpowiadał zarówno za implementację, jak i testowanie rozwiązań.
Tech stack
React
Ant Design (ANTD)
Redux Toolkit
Firebase
Workbox
Twoja sukces to nasz sukces!
Zobacz, jak możemy wspólnie zbudować technologiczną przewagę dla Twojej firmy
Mamy zespół, który naprawdę zna się na rzeczy — pomożemy Ci znaleźć rozwiązanie, które działa.
Wnioski i rekomendacje
Projektowanie systemów offline-first pozwala na niezawodność w warunkach terenowych.
PWA jako alternatywa dla natywnych aplikacji mobilnych znacznie ułatwia wdrożenie i aktualizację.
Wykorzystanie Firebase zapewniło wysoką wydajność synchronizacji danych. Dodatkowo podczas akcji osoby, które były w jednostce OSP miały dostęp do tego co działo się na miejscu akcji, przez realtime database.
