RTSA UI 

V rámci projektu RTSA UI (Real-time Spectral Analysis User Interface) jsme spolupracovali se společností Consilia Brno S. r. o. Výsledkem tohoto projektu, jak již název napovídá, bylo webové rozhraní ke spektrálnímu analyzátoru.

Jak to reálně probíhá

Měřící zařízení posílá vhodnou reprezentaci výsledku spektrální analýzy v uživatelem nastaveném frekvenčním rozsahu, společně s doprovodnými metadaty, na webové UI. Komunikace probíhá skrze proprietární protokol založený na protokolu WebSocket a serializačním formátu JSON. UI příchozí data v reálném čase vykresluje do čárových grafů. 

Vývoj

Tuto aplikaci jsme vyvíjeli s použitím TypeScriptu a následujících knihoven:

• React (komponentizace a rendering UI)

• Konva (rendering grafu na Canvas)

• hammer.js (dotykové ovládání)

• Recoil (state management)

• Kefir (reaktivní propagace dat z API napříč UI)

• react-hook-form (sledování a validace formulářů)

Snaha byla, aby si uživatelé mohli co nejefektivněji zobrazit daný signál a manipulovat s jeho vizualizací v reálném čase. Uživatel může na daný graf aplikovat zoom, posouvat ho a žádat měřící zařízení o změnu frekvenčního rozsahu. Aplikace byla vyvinuta jak pro desktopová tak i mobilní zařízení, kde lze s grafem manipulovat intuitivně pomocí dotyků či gest.

Uchopení procesu

Jelikož se jednalo o úplně první etapu vývoje, bylo pro nás důležité sledovat, jestli se projekt vyvíjí správným směrem. Toho jsme docílili aplikací agilního procesu, kdy jsme v týdenních sprintech doručovali a demovali inkrementy produktu a zákazník měl prostor pro feedback a zavedení změn či nových požadavků. Společně jsme tak dokázali tento projekt doručit v souladu s vizí klienta,  včetně bonusových funkcionalit představených až v průběhu vývoje.