Przejdź do treści
Wszystkie studia przypadków
2019 — 2020Angular developer · lider frontenduNDA

Krajowy portal informacji o nauce

Jedno repozytorium, trzy platformy, jedna stała pozycja budżetowa mniej.

Nazwa klienta zastrzeżona — objęta umową o poufności.

1 → 3
repozytorium na platformy
XX,000 PLN/yr
oszczędność rocznie

Wartość do potwierdzenia.

WCAG
cel dostępności

Kontekst

Wdrożenie frontendu publicznego portalu naukowego oraz strategia mobilna wieloplatformowa, która wykorzystała to samo repozytorium zamiast finansować dwie aplikacje natywne.

Problem

Instytucja potrzebowała responsywnego i dostępnego portalu publicznego zbudowanego ze szczegółowych prototypów graficznych — oraz, osobno, obecności mobilnej. Domyślną odpowiedzią było zamówienie natywnych aplikacji iOS i Android, czyli trzy bazy kodu i trzy umowy utrzymaniowe na jeden produkt.

Architektura

Architektura — uproszczona
Adobe XDszczegółowe prototypyJedno repozytoriumAngular · TypeScriptwarstwa platformowaodizolowane różnice natywneWebresponsywny · dostępnyiOSCapacitorJSAndroidCapacitorJS1 → 3platformy na poprawkęKażda poprawka powstaje raz i trafia na wszystkie trzy platformy.

Jedno repozytorium, trzy cele dostarczenia. Każda poprawka i każda funkcja powstaje raz i trafia na web, iOS i Android — i to stąd bierze się powtarzalna oszczędność, a nie z samego pierwszego wdrożenia.

Jak to zbudowałem

  1. Prowadziłem wdrożenie frontendu, przekładając złożone prototypy z Adobe XD na interfejs Angulara wierny projektowi i jednocześnie faktycznie responsywny.

  2. Traktowałem dostępność jako wymaganie, a nie punkt audytu — zasięg publiczny oznacza, że nawigacja klawiaturą, semantyka i kontrast są częścią definicji ukończenia.

  3. Zaproponowałem i zbudowałem strategię mobilną opartą na CapacitorJS, opakowując to samo repozytorium webowe w natywne powłoki.

  4. Odizolowałem kod specyficzny dla platform za cienką warstwą, żeby wspólne repozytorium nie zamieniło się w zbiór rozgałęzionych wyjątków.

Rezultat

  • Jedna baza kodu obsługująca web, iOS i Android zamiast trzech równoległych wdrożeń.
  • Oszczędność rzędu kilkudziesięciu tysięcy złotych rocznie na rozwoju i utrzymaniu.
  • Dostępny, responsywny portal publiczny dostarczony wiernie względem oryginalnego systemu projektowego.

Masz przepływ, platformę albo fakturę, która wymaga pracy?

Opisz kształt problemu. Jeśli nie jestem właściwą osobą, powiem to od razu.

Napisz do mnie