CASE STUDY · PWA · PYTHON · QA
Jak powstał PrintFlow Portal
Autorski projekt portfolio łączący stronę prezentacyjną, portal klienta, panel działów oraz demonstracyjną aplikację wspierającą obsługę zleceń.
1. PROBLEM I ROZWIĄZANIE
Jedno źródło statusu dla klienta i zespołu.
Klient potrzebuje krótkiej, zrozumiałej odpowiedzi: na jakim etapie jest zlecenie, kiedy będzie gotowe i jak zostanie dostarczone. Zespół potrzebuje kolejki pracy, właściciela etapu oraz sygnałów o zaliczce, terminie i akceptacji.
Portal pokazuje oba punkty widzenia bez mieszania informacji. Strefa klienta ogranicza się do jednego zlecenia. Panel działów grupuje zlecenia według aktualnego etapu i odpowiedzialnego zespołu.
2. FUNKCJE WERSJI DEMONSTRACYJNEJ
3. MODEL PROCESU
Od zapytania do zamknięcia zlecenia.
ZapytanieOfertaZaliczkaAkceptacja plikówProdukcjaWykończenieJakośćLogistykaFakturaZamknięcie
Etapy są przykładem modelu operacyjnego. W rzeczywistym wdrożeniu można je dostosować do technologii druku, typu produktu, kanału dostawy i struktury organizacji.
4. TECHNOLOGIE
| Warstwa | Zastosowanie | Dlaczego |
|---|---|---|
| HTML i CSS | Semantyczna struktura i responsywny interfejs | Prosty, szybki i czytelny front-end bez ciężkiego frameworka. |
| JavaScript | Statusy, widoki ról, filtrowanie i lokalne zmiany demo | Interakcja po stronie przeglądarki bez wysyłania danych demonstracyjnych na serwer. |
| PWA | Manifest, ikona, tryb standalone i service worker | Instalacja na Androidzie, iPhonie i iPadzie oraz dostęp offline po pierwszym otwarciu. |
| Python | Logika PrintFlow Control Center i API demonstracyjnego | Standardowa biblioteka, prosty serwer HTTP, walidacja oraz obliczenia. |
| SQLite / SQL | Model zleceń i historia zmian statusów | Lekka relacyjna baza danych odpowiednia do prototypu i pracy lokalnej. |
| JSON | Konfiguracja etapów, ról, produktów i transportu | Czytelne dane konfiguracyjne oraz prosty eksport demonstracyjny. |
| Git i GitHub Pages | Wersjonowanie i publiczna publikacja | Historia zmian, przegląd kodu i statyczny hosting bez utrzymywania własnego serwera. |
5. KONTROLA JAKOŚCI
Projekt PrintFlow Control Center zawiera 20 automatycznych testów Python, 16 przypadków testowych, macierz śledzenia wymagań, checklisty smoke i regresji, raporty defektów oraz bramki GO/NO-GO.
Testy obejmują logikę procesu, API, SQLite, role, alerty, eksport i walidację danych demonstracyjnych. Kontrola automatyczna jest uruchamiana przez GitHub Actions.
6. INSTALACJA NA TELEFONIE
Bez sklepu z aplikacjami.
Android
- Otwórz PrintFlow Portal w Chrome.
- Wybierz menu ⋮.
- Wybierz „Zainstaluj aplikację” lub „Dodaj do ekranu głównego”.
- Uruchamiaj ją z ikony PrintFlow Portal.
iPhone i iPad
- Otwórz PrintFlow Portal w Safari.
- Wybierz przycisk „Udostępnij”.
- Wybierz „Do ekranu początkowego”.
- Potwierdź „Dodaj” i uruchamiaj z ikony.
To PWA, a nie plik APK lub aplikacja ze sklepu. Natywna aplikacja i publikacja w Google Play lub App Store są potrzebne dopiero przy wymaganiach takich jak powiadomienia push, aparat, skanowanie QR albo bardziej rozbudowana praca offline.
7. BEZPIECZEŃSTWO I ZAKRES
Wersja publiczna jest demonstracją portfolio. Korzysta wyłącznie z danych syntetycznych, nie tworzy kont, nie przetwarza płatności i nie pobiera danych osobowych. Zmiany w panelu zapisują się tylko lokalnie w przeglądarce użytkownika.
Wersja produkcyjna dla prawdziwych klientów wymagałaby bezpiecznego backendu, HTTPS, logowania, uprawnień, bazy danych, kopii zapasowych, monitoringu, historii dostępu i zgodności z RODO.