Rewolucja interfejsu: Łączenie nowoczesności z użytecznością

Dostarczenie wydajnej i użytecznej warstwy frontendowej – Profectus Group.

Graphic showing gears symbolizing the integration of blockchain, machine learning, and technology.

Technologie

React
Typescript
Styled Components

KLIENT

O firmie Profectus

Profectus Group jest liderem w branży zautomatyzowanych rozwiązań z zakresu zgodności (compliance) i odzyskiwania należności. Firma posiada ponad 20-letnie doświadczenie w świadczeniu usług audytorskich oraz dostarczaniu technologii compliance dla międzynarodowych organizacji.

WYZWANIE

Klient poszukiwał zespołu ekspertów, który stworzy nową wersję warstwy frontendowej aplikacji, zachowując jednocześnie pełną kompatybilność API ze starym systemem. Głównym wyzwaniem projektu było zachowanie wszystkich dotychczasowych funkcjonalności, ale podanie ich w nowoczesnym i użytecznym designie. Nasz zespół musiał się również zmierzyć z bardzo niespójnym, skomplikowanym i rozbudowanym API, które narastało przez wiele lat rozwoju systemu. Z powodu wymaganej kompatybilności ze starym interfejsem użytkownika (UI), samo API nie mogło zostać poddane modyfikacjom, zarówno nowe, jak i stare UI musiało działać w oparciu o te same punkty końcowe.

Sprawę dodatkowo komplikował fakt, że system posiada ogromną liczbę opcji personalizacji, w tym:
– Formaty wprowadzania i wyświetlania dat (około 10 formatów do wyboru).
– Formaty liczb, procentów i walut (dowolna liczba miejsc po przecinku, różne sposoby prezentacji wartości ujemnych, np. ujęcie w nawias i czerwony kolor zamiast znaku minus, czy też elastyczna lokalizacja symbolu waluty).

The process

Aby sprostać tym wyzwaniom, wprowadziliśmy dodatkową warstwę serwisów (services layer), która przejęła odpowiedzialność za większość logiki biznesowej i "tłumaczenie" API. Zapewniło to niezbędną spójność i użyteczność, a same serwisy zostały przez nas gruntownie przetestowane.

Problem różnorodnych formatów dat i liczb rozwiązaliśmy poprzez stworzenie biblioteki komponentów, która obsługuje te elementy za pomocą wstrzykiwania globalnej konfiguracji podczas ładowania aplikacji.
Nasz zespół zaczął przepisywać system modułowo – od widoków zestawienia list kontraktów i ich edycji. Zmodyfikowaliśmy również reguły typu Product Hierarchy i opracowaliśmy dla niego zupełnie nowe funkcje, takie jak moduł negocjacji reguł (na poziomie pojedynczego wiersza, z historią zmian każdego z nich oraz wyszukiwaniem podobnych wierszy w innych umowach — Similar Deals).

Technologie wykorzystane w projekcie:
React – technologia wybrana bezpośrednio przez klienta.
Typescript – chociaż początkowo wpłynął na nieco wolniejsze tempo prac, w perspektywie czasu pomógł nam uniknąć wielu błędów i rozwiązał mnóstwo problemów. Wprowadziliśmy go za naszą namową i stopniowo przepisaliśmy na niego cały system.
Git – początkowo klient używał scentralizowanego systemu kontroli wersji SVN. Po naszej rekomendacji przenieśliśmy jednak projekt na Git, udowadniając, że jest to znacznie lepsze rozwiązanie dla tego projektu.

Zespół klienta przygotowywał karty z wymaganiami, a nasi specjaliści zajmowali się ich implementacją, regularnie synchronizując postępy z klientem.

wyniki

Co osiągnęliśmy

Decorative graphic illustrating the concept of blockchain technology, featuring abstract elements and digital motifs that represent interconnected data blocks and secure cryptographic chains.

Nasi eksperci stworzyli od podstaw cały główny przepływ (core flow) systemu, obejmujący tworzenie umów oraz zarządzanie regułami w ich obrębie. System charakteryzuje się ogromną złożonością biznesową: obsługuje dwa rodzaje umów i aż 50 typów reguł, które klienci mogą konfigurować na wiele sposobów. Stworzyliśmy bibliotekę reużywalnych komponentów, które ukrywają całą tę złożoność "pod maską" i pozwalają użytkownikom łatwo rozbudowywać system z gotowych cegiełek.

Co więcej, sfinalizowaliśmy niemal wszystkie pozostałe moduły, w tym niezwykle ważny obszar Roszczeń (Claims) i ich edycji. Są to raporty generowane przez system na podstawie umów, reguł i danych wsadowych klientów, w przejrzysty sposób wskazujące wszelkie zaległości finansowe (kto i komu jest winien pieniądze). Dodatkowo zaimplementowaliśmy moduł raportowania. Ostatecznie udało nam się z sukcesem ukończyć niemal cały system dla Profectus.

REKOMENDACJA

Rekomendacja klienta

"Współpraca z 4soft była niezwykle sprawna i produktywna. Zespół 4soft dostarczył wszystkie wymagane komponenty frontendowe na czas, a ich eksperci byli gotowi pracować po godzinach, aby dowieźć projekt. Wszyscy członkowie zespołu wykazali się proaktywnym nastawieniem i praktycznym podejściem do rozwiązywania problemów, co było kluczowe przy radzeniu sobie ze złożonością tego projektu. Stworzyli stabilny i spójny system, z którego korzystamy na co dzień."

Radek Górski
Customer Success Director w Profectus Group