Prototypovanie je dnes už neoddeliteľnou súčasťou vývojového cyklu softvéru. Platí to najmä pre agilné spôsoby vývoja, pri ktorých nám funkčné prototypy môžu poskytnúť cenný náhľad na výsledný produkt. Avšak, dizajnovanie prototypu a diskusia jeho vlastností s vývojovým tímom je častokrát časovo náročná a zbytočne komplikovaná činnosť. Našim riešením je systém Collab-UI, ktorý umožňuje pracovať na prototypoch všetkým členom tímu naraz a v reálnom čase!
Kto sme?
Sme tím študentov prvého ročníka inžinierskeho štúdia na Fakulte Informatiky a Informačných Technológií STU v Bratislave. Naše skúsenosti a záujmy sú rôzne – od backendových expertov, až po skúsených frontendistov alebo testerov. Menovite náš tím tvoria Adrián Nagy (iniciátor nápadu), Peter Písecký (backend guru), Michal Melúch (UI/frontend), Miloslav Smetana (full stack development), Ján Kleň (tester/vývojár), Tomáš Mňačko (hlavný tester) a Lukáš Vrba (dokumentarista, IT support).
Čo je naším cieľom?
Navrhovanie používateľských rozhraní (resp. ich prototypovanie) by bolo výrazne efektívnejšie ak by mali členovia vývojového tímu k dispozícii nástroj, vďaka ktorému by mohli pracovať na jednom prototype všetci naraz. Náš projekt nazvaný Collab-UI sa zameriava presne na tento aspekt prototypovania, ktorý žiaľ vo väčšine existujúcich softvérových riešení chýba.
Mierime ním najmä na dizajnérov používateľských rozhraní, ktorí využívajú v prezentačnej vrstve svojich aplikácií značkovací jazyk HTML a kaskádové štýly CSS. Typickým prípadom použitia systému Collab-UI je preto tvorba webstránok alebo iných rozhraní, ktoré dokážu využiť tento zobrazovací formát. Navyše, Collab-UI umožňuje používateľom aj export vytvorených prototypov vo forme funkčného zdrojového kódu. Tým pádom je možné vytvorený prototyp okamžite nasadiť v podobe statickej webstránky alebo využiť ako funkčný základ pre daný projekt.
Ako to funguje?
Projekt Collab-UI je vývijaný vo forme webovej aplikácie, ktorej požiadavky obsluhuje dvojica aplikačných serverov. Koncový používateľ tak nemusí inštalovať na svojom zariadení žiadny dodatočný softvér – stačí ak má k dispozícii bežný webový prehliadač s podporou JavaScript-u. Vďaka tomu je naše riešenie použiteľné kdekoľvek a kedykoľvek a to bez ohľadu na operačný systém daného zariadenia.
Tvorba prototypov prebieha pomocou interaktívneho WYSIWYG editora, ktorý zároveň v reálnom čase prenáša všetky zmeny ostatným pripojeným používateľom (resp. kolaborantom). Používateľ má za každých okolností prehľad o akciách ostatných kolaborantov a má možnosť presne vidieť kto pracuje na akej časti projektu. Navyše, používateľ má možnosť uzamknúť si časť prototypu (t. j. HTML element), na ktorej práve pracuje. Ostatní používatelia v tom prípade nemôžu danú časť akokoľvek modifikovať.
Čo ďalej?
Aj keď je náš systém pomerne dobre využiteľný aj v jeho aktuálnej podobe, naďalej pracujeme na vylepšeniach niektorých jeho častí. Konkrétne ide napr. o zvýšenie rýchlosti, ktorou sa synchronizujú zmeny prototypu naprieč kolaborantami alebo o zníženie množstva údajov, ktoré sa priebežne ukladajú v našich databázach.
Okrem toho poskytuje projekt Collab-UI nespočetné možnosti ďalšieho rozvoja. Medzi naše priority spomedzi plánovanej funkcionality patrí napr. verziovanie vytváraných prototypov, hlasová komunikácia medzi kolaborantami alebo import prototypov zo zdrojového kódu.