Naše výsledky

Hru o hledání práce jsme naprogramovali od nuly

Moravskoslezský pakt zaměstnanosti přišel s detailním zadáním webové hry pro středoškoláky. Navrhli jsme z něj celý průchod, vytvořili design, naprogramovali vlastní herní části a otestovali je. Hra dnes běží ve dvou krajích.

Životopis, pohovor i smlouva v jedné hře

Cesta k zaměstnání je webová hra pro žáky středních škol. Hráč si vytvoří postavu, napíše životopis, vybere inzerát na pracovním portálu, přes e-mail se domluví se zaměstnavatelem, zvládne pohovor, zkontroluje pracovní smlouvu a nakonec řeší první situace v nové práci.

cestakzamestnani 02 kroky | Hru o hledání práce jsme naprogramovali od nuly

Začali jsme detailním zadáním

Moravskoslezský pakt zaměstnanosti pomáhá lidem v kraji s uplatněním na trhu práce a se středními školami pracuje dlouhodobě. Jeho lektoři jezdí za žáky přímo do tříd.

Na přednášky chtěl nástroj, ve kterém si žáci hledání práce sami vyzkoušejí. Klient přinesl hlavní myšlenku i podrobné zadání. Jenže dokument ještě neurčuje, co má uživatel vidět po každém kliknutí, kudy ho aplikace povede a kde se může ztratit.

Zadání jsme proto rozebrali na jednotlivé kroky a navrhli z něj celý průchod. U každé části jsme řešili, co se má žák dozvědět, co má udělat a jak aplikace zareaguje. Některé původní kroky jsme během práce upravili, protože by hráče zdržovaly nebo mátly. Změnu jsme vždy přinesli i s návrhem řešení. Klient rozhodoval, nemusel přepisovat celé zadání.

Nechte si nejdřív nakreslit celý průchod

Seznam funkcí u vlastní aplikace nestačí. Dodavatel by vám měl ukázat, co uživatel udělá jako první, co uvidí potom a jak aplikace zareaguje na jeho rozhodnutí. Změna v takovém návrhu stojí méně než předělávání hotového kódu.

cestakzamestnani 03 uvod | Hru o hledání práce jsme naprogramovali od nuly

Každou obrazovku jsme navrhli pro středoškoláky

Patnáctiletého žáka neudrží u tématu úřednický formulář. Aplikace proto dostala ilustrovaný design, jednoduché ovládání a jazyk, kterým se ve třídě opravdu mluví.

Všechny ilustrace v aplikaci jsme nakreslili my.

Napsali jsme i texty celého rozhraní aplikace. Každý text musel sedět věcně i jazykem a nezdržovat hráče při průchodu.

Každý krok nejdřív vysvětlí a pak nechá hráče jednat. Třeba u životopisu hra radí: Životopis aktualizuj. 5 let starý životopis za tebe říká hlavně to, že o tu práci zase tolik nestojíš.

Na začátku si hráč sestaví vlastní postavu. Potom se stejnou postavou prochází pracovním portálem, e-mailovou schránkou i dalšími částmi hry. Design tu nedekoruje hotový program. Pomáhá držet celý průchod pohromadě.

cestakzamestnani 04 postavy | Hru o hledání práce jsme naprogramovali od nuly

Hotové moduly na tuhle hru neexistovaly

Editor postav, pracovní portál s fiktivními inzeráty, vlastní e-mailová schránka, pohovor, kontrola smlouvy a závěrečné vyhodnocení. Každá část se chová jinak a všechny na sebe musí navazovat. Hotový plugin, který by je spojil do jedné hry, neexistuje.

Hra navíc částečně reaguje na předchozí volby hráče. Museli jsme proto v kódu ošetřit velké množství scénářů a u každého správně navázat další krok.

Každou část jsme naprogramovali pro tento projekt. Celá hra běží v prohlížeči jako jedna plynulá aplikace. Hráč mezi jednotlivými kroky nepřechází na nové stránky a nemusí čekat, až se znovu načtou.

Ptejte se, co bude při vývoji nejtěžší

Dodavatel by měl ještě před programováním pojmenovat části, které vyžadují vlastní logiku, a vysvětlit je bez technického žargonu. Když na detailní zadání odpoví jen tím, že všechno půjde, pravděpodobně ho ještě nerozebral dost hluboko.

cestakzamestnani 05 portal | Hru o hledání práce jsme naprogramovali od nuly

Testovali jsme části i celý průchod

U podobné aplikace nestačí ověřit, že se každá obrazovka otevře. Hráč musí bez slepé uličky projít celou cestu od sestavení postavy po závěrečné vyhodnocení.

Jednotlivé části jsme proto testovali samostatně a potom v návaznosti na celý průchod. Nejnáročnější bylo projít scénáře, které vznikaly z předchozích voleb hráče. Jedna bezchybná cesta nestačila. Zkoušeli jsme různé varianty a kontrolovali, jestli hra v každé správně naváže. Když se ukázal problém, vrátili jsme se ke kódu, upravili ho a scénář otestovali znovu.

Testujte celé scénáře

Projděte aplikaci stejně jako její uživatel, od prvního vstupu až po výsledek. Chyba se často ukáže až ve chvíli, kdy na sebe navazují kroky, které samostatně fungují.

cestakzamestnani 06 testovani | Hru o hledání práce jsme naprogramovali od nuly

Jeden kód dnes obsluhuje dva kraje

Pakt s Cestou k zaměstnání objíždí střední školy. Místo výkladu s prezentací si žáci na přednášce projdou hru sami.

Po spuštění jsme aplikaci přestavěli tak, aby jeden kód obsloužil víc krajů. Každý kraj má vlastní obsah a partnery, základ hry zůstává stejný. Licenci si pořídil také Karlovarský kraj a Cesta k zaměstnání dnes běží ve dvou krajích.

Rozšíření o další kraje nebylo součástí prvního zadání. Doplnili jsme ho až po spuštění. U firemní aplikace mohou být takovou variantou další pobočky, země nebo role uživatelů.

cestakzamestnani 07 kraje | Hru o hledání práce jsme naprogramovali od nuly

Máte nápad, který se nevejde do šablony?

Napište nám, co má aplikace umět a kdo ji bude používat. Ozveme se a probereme to.