Jak stavíme FoxCheck.cz: Příběh vývoje platformy, která vrací férovost do online testování

Stala se z ní každodenní realita. Jenže ruku v ruce s tím, jak se do lavic dostaly notebooky, tablety a hlavně neuvěřitelně chytré nástroje umělé inteligence, se objevila úplně nová otázka. Jak v tomhle online světě vlastně férově a smysluplně zkoušet? Jak mít jako učitel jistotu, že ten skvěle napsaný esej nebo bezchybný test vypracoval opravdu student svými vlastními silami a ne naklikaný příkaz pro chatbota?

U nás ve Foxmate.cz se běžně věnujeme programování aplikací na zakázku, ladění systémů a vymýšlení softwaru, který firmám usnadňuje život. Když jsme se ale začali hlouběji bavit o tom, co teď nejvíc pálí české školství, došlo nám, že máme před sebou výzvu, která má obrovský smysl.

Učitelé tráví večery přípravou materiálů, aby pak často dostali zpátky texty, které za pár vteřin vygenerovalo AI. Tradiční online testy v tomhle prostě selhávají na plné čáře. A přesně to byl ten moment, kdy jsme si řekli, že spojíme naše vývojářské zkušenosti s reálnou praxí ze školních tříd. Výsledkem je FoxCheck.cz – platforma pro online testování, která nechce nikoho strašit, ale chce vrátit do hry férová pravidla.

V čem je zakopaný pes? Když klasické testy v éře AI nestačí

Abychom mohli postavit aplikaci, která bude opravdu pomáhat, museli jsme nejdřív hodit za hlavu staré přístupy. Většina běžných školních systémů pro zadávání úkolů a kvízů totiž vznikala v době, kdy největším prohřeškem studenta bylo, že si pod lavicí otevřel tahák nebo zkusil rychle něco vygooglit na telefonu. Dnešní realita je ale úplně jinde. S příchodem chytrých AI asistentů, kteří jsou často integrovaní přímo v prohlížeči, se z online testování pro řadu studentů stala spíš disciplína v tom, jak co nejrychleji zadat správný dotaz do okna vedle. Pro učitele je pak lidsky téměř nemožné stoprocentně dokázat, jestli student text napsal sám, nebo jestli mu ho někdo (nebo něco) předpřipravil. Různé online detektory AI textu navíc fungují spíš jako loterie a učitel se na ně nemůže s klidným svědomím spolehnout.

Když jsme se na to podívali pohledem vývojářů, našli jsme tři hlavní věci, které u běžných webových testů nejvíce hoří: 

Překlikávání mezi okny: Student může během testu vesele listovat internetem nebo si psát se spolužáky v chatovací aplikaci. 

Nekonečné kopírování: Stačí označit otázku, zkopírovat ji do schránky, poslat AI a výsledek vložit zpátky do políčka s odpovědí. 

Nulový přehled o kontextu: Systém vůbec netuší, co se děje na obrazovce mimo samotné klikání na políčka A, B, C. 

Pod kapotou FoxCheck: Jak jsme poskládali technologie, aby vše běželo jako po másle

Když navrhujete aplikaci pro školy, musíte počítat s jednou věcí – s obrovským nárazovým náporem. V praxi to vypadá tak, že je ve třídě ticho, učitel řekne „teď“ a v jednu vteřinu kliknou na start testu desítky nebo stovky studentů najednou. Server nesmí ani škytnout, odpočítávání času musí všem běžet naprosto stejně a jakýkoliv drobný výpadek internetu u studenta na mobilu se musí vyřešit tak, aby nepřišel ani o jediné napsané slovo.

Proto jsme vsadili na moderní a bleskově rychlý technologický stack, který máme ve Foxmate v malíčku a rádi ho používáme:

• Next.js a React na frontendu i backendu: Díky tomuhle spojení je celá aplikace neuvěřitelně svižná a reaktivní. Student má pocit, že pracuje v plynulé desktopové aplikaci, kde se nic zbytečně nezasekává a nenačítá půl hodiny. 

• Prisma a PostgreSQL pro data: Tahle dvojka se nám stará o to, aby byla všechna data v naprostém bezpečí a perfektně uspořádaná. I když se v jednu chvíli zapisují stovky odpovědí naráz, databáze drží a my můžeme učitelům okamžitě po testu ukázat přesné a detailní statistiky.

• Deployment na Vercelu: To nám dává obrovskou svobodu v tom, že nemusíme ručně hlídat kapacitu serverů. Když píše test jedna menší skupina, aplikace spotřebovává minimum prostředků. Když se ale přihlásí celá škola najednou, systém se sám automaticky nafoukne a zvládne nápor bez zpomalení.

Největší oříšek byl, jak tohle všechno vyřešit čistě v rámci klasického webového prohlížeče. Nechtěli jsme totiž nikoho nutit, aby si do počítače instaloval nějaké složité programy, které pak akorát hlásí chyby. Využili jsme proto moderní webová API, která umí citlivě sledovat stav stránky a bezpečně poznají, co se v prohlížeči během testu děje.

Co všechno FoxCheck umí? Funkce, které dělají život jednodušší

FoxCheck.cz není jenom o tom, že by studentům „klepal přes prsty“, když se podívají jinam. Je to hlavně parťák pro učitele, který jim šetří čas a pomáhá jim s celou organizací zkoušení. Mezi ty nejdůležitější vychytávky patří:

Klid na práci bez odbíhání

Jakmile student test spustí, aplikace se přepne do bezpečnějšího režimu. Začne si všímat, jestli student neopustil záložku, nepřepnul se do jiné aplikace nebo nezkusil okno minimalizovat. Když se tak stane, systém to zaznamená na časovou osu. Učitel pak po testu jasně vidí, jestli šlo o jedno vteřinové překliknutí (třeba kvůli systémové notifikaci), nebo jestli student strávil polovinu testu někde jinde.

Stopka pro bezmyšlenkovité kopírování

V aplikaci jsme kompletně zablokovali klasické zkratky pro kopírování a vkládání textu. Student zkrátka nemůže vzít text otázky, vyhodit ho ven a pak zase snadno vložit hotovou odpověď ze schránky. Nutí to studenty nad otázkami opravdu přemýšlet a psát odpovědi vlastními slovy přímo z hlavy.

Promíchat, zamíchat, nepřepsat

Abychom udělali přítrž klasickému opisování od souseda v lavici nebo radám přes telefon, integrovali jsme do systému chytrý algoritmus pro míchání otázek. Učitel připraví balík otázek a systém z něj pro každého studenta namíchá unikátní koktejl. Promíchají se nejen samotné otázky, ale i pořadí odpovědí pod nimi. Dva studenti vedle sebe tak mají sice stejnou látku, ale úplně jiný test.

Aby to bavilo lidi používat: Uživatelská zkušenost z reálných tříd

V softwarovém světě platí jedno zlaté pravidlo: pokud je aplikace moc složitá a uživatel u ní musí maturovat, lidi ji zkrátka nebudou používat. A ve školách to platí dvojnásob. Učitelé mají papírování nad hlavu a studenti zase nemají trpělivost na systémy, které vypadají jako z minulého století.

Proto jsme si dali extra záležet na tom, aby byl FoxCheck.cz vizuálně čistý, minimalistický a hlavně přátelský:

Pro učitele: Žádná divoká nastavení. Všechno je tam, kde byste to intuitivně čekali. Správa tříd, výsledky i exporty známek do přehledných tabulek fungují na jedno kliknutí.

Pro studenty: Žádné zdlouhavé registrace, ověřování e-mailů nebo zapomínání hesel. Student prostě dostane od učitele odkaz nebo krátký kód, napíše své jméno a rovnou píše test. Všechno navíc skvěle funguje jak na velkém monitoru, tak na tabletu nebo notebooku.

Testováno na lidech (a funguje to!)

FoxCheck nevyvíjíme zavření v kanceláři u kávovaru. Od začátku aplikaci testujeme přímo v reálném provozu na školách. Zpětná vazba od stovek studentů a desítek učitelů nám hrozně moc pomohla aplikaci vyladit do detailu.

0 % ztracených dat: Díky průběžnému ukládání na pozadí každých 5 vteřin nepřišel během testování ani jeden student o svou rozepsanou odpověď, a to ani při výpadku wi-fi.

Ušetřený čas: Učitelé hlásí, že díky automatickému opravování uzavřených otázek a čistému rozhraní ušetří v průměru 45 % času stráveného nad administrativou a opravováním testů.

Co plánujeme dál? Kam až chceme FoxCheck posunout

První verzí to pro nás rozhodně nekončí. Svět kolem nás se mění neskutečným tempem a my chceme být pořád o krok napřed, abychom učitelům nabízeli tu nejlepší možnou podporu. U nás ve Foxmate už teď kreslíme plány pro další funkce, které do FoxChecku brzy přibudou. 

Na co se chceme v nejbližší době zaměřit? 

Chytřejší analýza chování: Chceme do systému přidat jemné mechanismy, které dokáží rozpoznat neobvyklé vzorce chování během psaní – například když se radikálně změní rychlost psaní textu nebo styl pohybu myší, což může značit, že za počítač usedl někdo jiný. 

AI jako parťák pro učitele: Zatímco u studentů možnost používat AI hlídáme, učitelům chceme práci naopak usnadnit. Plánujeme moduly, které učitelům pomohou vymýšlem nové okruhy otázek nebo jim usnadní předběžné pročítání a analýzu dlouhých slohových prací. 

Snadné propojení s dalšími systémy: Chceme, aby šlo FoxCheck bezbolestně propojit s jakýmikoliv dalšími programy a registry, které školy už dnes běžně používají, aby se data o známkách nemusela nikam přepisovat ručně. 

Proč nás to ve Foxmate vlastně tak baví Technologie by lidem neměly házet klacky pod nohy, ale měly by pomáhat tam, kde je to potřeba. Vývoj FoxCheck.cz je pro nás ve Foxmate hrozně srdcová záležitost. Ukazuje totiž přesně to, co umíme nejlíp: vzít docela složitý technologický oříšek (jak zajistit férovové online testování v době všemožných AI asistentů), napsat pro něj čistý a moderní kód v Next.js a Reactu a vytvořit z toho produkt, který lidem reálně pomůže hned druhý den ráno ve třídě. Moderní školství nemusí rezignovat na férovost jen proto, že technologie jdou kupředu mílovými kroky. Se správnými nástroji mohou učitelé dál s klidem zkoušet online a vědět, že výsledky, které vidí na obrazovce, jsou opravdu výsledkem poctivé práce jejich studentů. 

Nastavujeme nový standard pro online testování – lidsky, moderně a s úsměvem.