Aké technológie používame na vývoj front endu v Innovatricse?

Rovnako dôležité, ako vytvoriť špičkový algoritmus, je ukázať ho. Ako však zobraziť niečo také komplexné a abstraktné? V Innovatricse to majú pod palcom „frontenďáci“. Prečítajte si, čo im najviac pomáha v práci.

User interface (UI), čiže používateľské rozhranie, je dôležitou stránkou každého produktu. Keď sa softvér používa ťažkopádne a komplikovane, je odsúdený na neúspech. V Innovatricse preto kladieme dôraz nielen na špičkové algoritmy, ale aj na kvalitné a jednoduché UI.

Na tom pracujú ľudia v rôznych tímoch, no hlavnú úlohu hrá náš User Interface (UI) tím. Jeho členovia musia dokonale poznať našu cieľovú skupinu, pozerať sa na veci jej očami a súčasne byť krok pred trendmi vo front ende.

Čo sa im podarilo vytvoriť, aké technológie používajú a na koho sa môžu pri svojej práci spoľahnúť? Pozrime sa na to spoločne.

Tvorba rozhraní nezačína programovaním

Cieľom každej aplikácie je čím viac uľahčiť prácu budúcim používateľom. Vďaka softvéru sa zrýchlia procesy a človek už nemusí vykonávať to, čo zvládne aj stroj. Naším cieľom je vytvoriť prostredie, ktoré odbremeňuje používateľa od otravnej manuálnej práce.

Pred samotným vývojom aplikácie či rozhrania musia vývojári prejsť dlhou cestou. Logicky, najskôr sa musia vcítiť do kože cieľovej skupiny. Ako pracuje? Aké postupy používa? Čo je dôležité, čo sa v praxi využíva a čo nie? Až po získaní odpovedí sa môžu pustiť do vytvárania návrhu a realizácie.

Na výbere technológie záleží

S príchodom smartfónov sa user interface dostal do vrecka už pomaly každému. Mnoho firiem si začalo uvedomovať jeho dôležitosť, čo prinútilo mnohých investovať do front end technológií. Dôraz sa dáva na jednoduché a intuitívne používanie, no aj na pekný a čistý dizajn aplikácií a stránok.

To všetko prispelo k raketovému vývoju technológií, a najmä tých webových. Prehliadače sa už dnes sami aktualizujú a zastaralé stránky či webové aplikácie si žiadna firma nemôže dovoliť. Front end technológie sú dnes odvetvím, ktoré sa vyvíja a mení asi najrýchlejšie.

Nie je prekvapujúce, že hlavným krédom našich front end vývojárov je „nezaspať“. Svoje riešenia navrhujeme tak, aby sa ľahko udržiavali a držali krok s prehliadačmi a zariadeniami, na ktorých bežia. Voľba vhodných nástrojov a technológií je preto pre nás kľúčová.

React: využívame výhody veľkej komunity

Na tvorbu front endu dnes existuje nepreberné množstvo technológií a doslova každý deň vznikajú nové. Pri výbere toho správneho si dávame záležať – skúšame, porovnávame. No najmä investujeme do vzdelávania vývojárov. V Innovatrics sme hrdí, že v UI tíme pracujú ľudia, ktorí majú s front endom dlhoročné skúsenosti.

Vo väčšine našich produktov dnes používame javascriptovú knižnicu React. Tú vyvíja Facebook primárne pre svoju potrebu. Má to pre nás veľkú výhodu najmä v početnej komunite, ktorá sa okolo Reactu zoskupuje.

Okolo Reactu a v celom “Javascriptovom svete” je ale, samozrejme, mnoho ďalších knižníc a technológií. Spomeňme aspoň zopár, s ktorými reálne pracujeme: React+Redux, React+GraphQL, css-modules, styled-components, …

Príbeh pred identifikáciou

Innovatrics je jednou z top firiem v oblasti identifikácie osôb. Väčšina našich softvérov sa teda „točí“ okolo toho istého: porovná dva obrázky, napríklad dve tváre alebo dva odtlačky, a posúdi, či sú rovnaké, teda, či patria tej istej osobe.

Vstupné obrázky však často nie sú vhodné na porovnávanie. V reálnom svete len zriedka vzniknú dve fotky človeka z totožného uhla alebo dva kompletné, rovnako natočené odtlačky.

Niektoré naše softvéry bežia v reálnom čase, napríklad na letiskách či v komerčných priestoroch. To znamená ešte väčšiu rozmanitosť vstupov, keďže tváre sa zachytávajú v pohybe.

Výsledky našej práce

Naše technológie sme pretavili do ďalších samostatných produktov. K asi najzaujímavejším z nich patrí aplikácia SmartFace GUI. Tá slúži na už spomínanú real-time identifikáciu osôb. Dokáže vyhľadávať či sledovať pohyb človeka, určiť čas jeho príchodu a odchodu, prípadne upozorňovať na neželaný pohyb osôb. A na to všetko jej stačí len obraz z kamery. 

Ako riešime nedokonalé vstupy?

Takéto podklady je potrebné pred porovnaním znormalizovať, teda nejakým spôsobom zjednotiť. Veľkú väčšinu týchto prípadov zvládnu naše algoritmy automaticky, a na tých pár naozaj zložitých situácií sme vyvinuli špecializované nástroje – tie sa tak trocha podobajú grafickým editorom.

Naša najnovšia aplikácia FaceAdjudicator slúži na “manuálne” porovnávanie dvoch tvárí. Pomocou editora sa dajú ľahko upraviť fotky tak, aby sa oči porovnávaných osôb dostali do rovnakej polohy.

Tieto technológie sa používajú aj na kriminalistické účely. Dokážu pracovať aj s latentnými odtlačkami, teda takými, ktoré sú zanechané nechtiac, sú deformované a rozmazané. Ak sa porovnávajú dva odtlačky prstov, pomocou našich nástrojov ako FingerAdjudicator a LatentEditor, dajú sa odtlačky ponechané na mieste činu normalizovať – natiahnúť, otočniť, prípadne vyrovnať. 

A kto pomáha pomocníkom?

Pri tvorbe nových riešení je najdôležitejšia skúsenosť. Keďže v Innovatricse máme dlhoročné skúsenosti so supportom, požiadavky a preferencie klientov čerpáme priamo z praxe.

„Frontenďáci“ si pochvaľujú aj atmosféru, ktorá vládne v Innovatricse. Kolegovia si radi navzájom pomôžu, poradia a zdieľajú svoje vedomosti, čo je obrovské plus pri takýchto komplexných produktoch.

Chceš sa stať súčasťou nášho tímu? Pozri si naše voľné pozície a sprav prvý krok k novej kariére v jednej z top IT firiem na Slovensku.