Portál finanční gramotnosti

O Penězovědě

Penězověda je vzdělávací portál zaměřený na podporu finanční gramotnosti u dětí a mládeže. Smyslem je nabídnout kvalitní a ověřené výukové materiály pedagogům i rodičům, kteří chtějí děti naučit základy finančního chování srozumitelnou a interaktivní formou.

Portál je určen zejména pro základní a střední školy a podporuje moderní výuku finanční gramotnosti skrze multimediální obsah (videa, podcasty, pracovní listy a další interaktivní materiály). Ten je tvořen a ověřován odborníky, aby odpovídal aktuálním vzdělávacím standardům.

Projekt vznikl pod záštitou ČSOB, která vnímá finanční vzdělávání jako klíčovou součást své společenské odpovědnosti. Na přípravě obsahu i samotného portálu se podíleli i další důležití partneři, mezi které patří:

• MasterCard do projektu přinesl mezinárodní know-how v oblasti finanční gramotnosti

• Policie ČR přispěla odbornými materiály zejména v oblasti bezpečnosti v online prostředí

• Ministerstvo školství, mládeže a tělovýchovy ČR (MŠMT) podpořilo projekt v rámci záměru posilovat finanční gramotnost ve školách a spolupracovalo na metodické rovině při tvorbě vzdělávacích materiálů

• Další odborní garanti a pedagogové, kteří dohlíželi na kvalitu a praktickou využitelnost jednotlivých materiálů.

Penězověda tak představuje unikátní projekt, který propojuje privátní, veřejný i neziskový sektor s cílem pomoci dětem lépe chápat svět financí a připravit je na reálné situace, se kterými se v životě setkají.

Výzvy, kterým klient čelil

Finanční gramotnost dětí je často podceňovaná, přitom právě včasná příprava je velice důležitá. Než začnou samostatně hospodařit a rozhodovat o vlastních penězích, měly by rozumět základním pravidlům, jak s financemi zacházet. Pomůže jim to lépe zvládat běžné situace. Například spravovat svůj účet, vyhnout se nevýhodným smlouvám nebo se orientovat v online světě, kde i právě často číhají finanční rizika. Cílem projektu bylo vytvořit nástroj, který učitelům i rodičům usnadní dětem tyto dovednosti předat a připravit je tak na odpovědné hospodaření už od začátku.

Níže uvádíme klíčové výzvy, které jsme společně s klientem identifikovali, a způsoby, jak jsme je vyřešili:

Výzva: Na trhu chybělo jednotné místo, kde by učitelé mohli získat ověřené výukové materiály pro finanční gramotnost.
Naše řešení: Vytvořili jsme společně s ČSOB online portál s veřejnou částí pro rodiče a uzavřenou sekcí pro registrované učitele.

Výzva: Potřeba zpřístupnit moderní, atraktivní a ověřený obsah v různých formátech.
Naše řešení: Připravili jsme platformu s videi, podcasty, pracovními listy a dalšími interaktivními materiály.

Výzva: Krátký čas na dodání funkčního řešení.
Naše řešení: Díky agilnímu řízení projektu a efektivnímu nasazení týmu jsme byli schopni dodat plně funkční portál ve velmi krátkém čase. 

Výzva: Klient potřeboval podporu při tvorbě struktury obsahu a prioritizaci funkcionalit.
‍Naše řešení: Zajistili jsme byznys analýzu a výzkum, včetně rozhovorů s učiteli a rodiči, které nám pomohly správně nastavit obsah i funkcionality portálu.

Výzva: Nutnost pracovat s technologií (CMS Payload), která byla pro tým nová.
‍Naše řešení: Přestože CMS Payload byl pro tým novinkou, rychle jsme se na něj adaptovali a využili jeho výhod pro dosažení optimálního výkonu i snadné správy obsahu.

Výzva: Nedostatek finálního obsahu v době vývoje.
Naše řešení: Modularita řešení a flexibilní CMS nám umožnily doplňovat a upravovat obsah i v pozdějších fázích projektu bez negativního dopadu na vývoj.

Návrh řešení

Na základě identifikovaných výzev jsme klientovi navrhli portál, který splňuje všechny požadavky na uživatelskou přívětivost, flexibilitu a odbornou kvalitu obsahu. Celý systém jsme navrhli s důrazem na potřeby dvou hlavních cílových skupin, a to učitelů a rodičů.

Hlavní prvky řešení:

• Veřejná část portálu přístupná pro všechny (rodiče, žáky i širší veřejnost) obsahuje základní materiály, které mohou pomoci při domácí přípravě dětí.
• Uzavřená sekce pro učitele je přístupná po registraci a nabízí rozsáhlejší metodické podklady, pracovní listy a další odborné materiály k výuce finanční gramotnosti.
• Široká škála formátů obsahu – portál zahrnuje videa, podcasty, pracovní listy, metodické příručky a další podpůrné materiály.
• Jednoduchá administrace a správa obsahu díky zvolenému CMS systému.

‍

Použité technologie

Payload CMS
Payload je moderní headless CMS postavený na Node.js, který umožňuje vývojářům rychle vytvářet plně přizpůsobené backendy s důrazem na bezpečnost, flexibilitu a vývojářský komfort. Je plně založený na JavaScriptu/TypeScriptu a snadno se integruje s frontendovými frameworky jako Next.js.

Keycloak
Keycloak je open-source řešení pro správu identit a přístupů (IAM), které poskytuje funkce jako jednotné přihlášení (SSO), dvoufaktorové ověření a správu uživatelů. Díky podpoře standardů jako OAuth2 a OpenID Connect se snadno integruje s moderními aplikacemi a zajišťuje bezpečný přístup.

Next.js
Next.js je React framework pro tvorbu webových aplikací s důrazem na výkon, škálovatelnost a vývojářskou produktivitu. Nabízí hybridní renderování (SSG/SSR), podporu API rout a výbornou integraci s moderními nástroji, což z něj dělá ideální volbu pro vývoj rychlých a SEO-friendly webů.

GraphQL
GraphQL je dotazovací jazyk pro API, který umožňuje klientům přesně definovat, jaká data potřebují. Eliminuje nadbytečný přenos dat a zvyšuje efektivitu komunikace mezi frontendem a backendem. Díky své flexibilitě a typové bezpečnosti je oblíbený v moderním vývoji webových aplikací.

EntraID
Microsoft Entra ID (dříve Azure AD) je cloudová platforma pro správu identit a přístupů, která firmám umožňuje centrálně řídit autentizaci, autorizaci a přístupová práva. Integrace s Microsoft službami i aplikacemi třetích stran zajišťuje vysokou úroveň zabezpečení i komfort pro koncové uživatele.

Klíčové kroky v návrhu:

• Rychlý start vývoje – implementace začala paralelně s návrhem struktury a obsahu portálu.
• Výzkum mezi koncovými uživateli – provedli jsme rozhovory s učiteli i rodiči, abychom lépe porozuměli jejich potřebám.
• Testování výkonu již v rané fázi vývoje, abychom zajistili optimální rychlost a stabilitu celého portálu i při vysoké návštěvnosti.

Proces implementace

Na implementaci portálu Penězověda jsme pracovali v úzké spolupráci s klientem a všemi zapojenými partnery. Díky efektivní komunikaci a agilnímu přístupu jsme zvládli dodat funkční řešení i přes náročné časové podmínky.

Jak probíhala realizace:

• Sběr byznys požadavků
  Na začátku jsme s klientem pečlivě mapovali všechny požadavky na funkčnost a obsah portálu. Na základě toho jsme navrhli logickou strukturu webu a potřebné funkcionality.
  
  
• Výzkum mezi cílovými skupinami
  Provedli jsme rozhovory s učiteli i rodiči, díky kterým jsme získali cenný vhled do reálných potřeb a očekávání uživatelů portálu.
  
  
• Paralelní vývoj a návrh
  Kvůli krátkému termínu jsme spustili vývoj souběžně s finalizací návrhu řešení i obsahové struktury. Tento postup nám umožnil rychle reagovat na zpětnou vazbu klienta i cílových skupin.
  
  
• Úzká spolupráce s klientem
  Pravidelně jsme konzultovali průběžné návrhy a dílčí funkce, což zajistilo hladkou validaci kroků a rychlé řešení případných změn nebo prioritizaci úkolů.

Výsledky a přínosy

Přestože hlavní kvantitativní metriky byly v době spuštění portálu teprve ve fázi sběru, projekt již v počátcích prokázal své přínosy jak pro klienta, tak pro samotné uživatele (učitele, rodiče a děti).

Kvalitativní přínosy:

• Zlepšení uživatelské zkušenosti
  Učitelé i rodiče nyní mají přístup k ověřeným materiálům na jednom místě, což výrazně usnadňuje přípravu na výuku finanční gramotnosti a šetří čas.
  
  
• Rychlý a stabilní portál
  Díky volbě moderní technologie (CMS Payload) a ranému performance testování je portál velmi svižný, přehledný a připravený i na vyšší návštěvnost.
  
  
• Pozitivní první reakce od učitelů
  První zpětná vazba, kterou nám klient zprostředkoval, potvrdila, že učitelé oceňují zejména jednoduchost a přehlednost portálu, stejně jako praktický charakter výukových materiálů.
  

Srovnání „před a po“:

• Před: Učitelé i rodiče čelili nedostatku ucelených a ověřených materiálů k výuce finanční gramotnosti a museli často čerpat z různých nespolehlivých zdrojů.
• Po: Portál Penězověda poskytuje kvalitní a odborně garantované výukové podklady dostupné z jednoho místa, srozumitelné jak pro pedagogy, tak pro rodiče.

Interní přínosy pro tým:

• Vyzkoušeli jsme nové technologie i agilní přístup při rychlém nasazení projektu.
• Posílili jsme spolupráci mezi týmem vývoje, UX designu, výzkumníků a obchodních analytiků.

‍

Závěr a zpětná vazba

Portál Penězověda je skvělým příkladem, jak může kvalitní spolupráce přinést rychlé a hmatatelné výsledky i při náročném zadání. Díky nasazení našeho týmu a otevřené komunikaci s klientem jsme v rekordním čase dodali robustní řešení, které zjednodušuje výuku finanční gramotnosti napříč školami v České republice.

Klient získal nejen plně funkční platformu s moderním CMS, ale také silný základ pro další rozvoj a škálování celého projektu. 

Výsledné řešení dnes slouží jako praktický nástroj pro učitele a rodiče po celé České republice a pomáhá dětem lépe porozumět světu financí.

Zpětná vazba od klienta:

„Skvělý, moc děkujeme, jdeme do neskutečného finishe a moc děkuju, že jsme to dotáhli až sem, protože to je neuvěřitelná práce, co se nám podařilo společně dokázat za tu dobu… Díky kolegům z Etnetery, že jste takhle zodpovědní.“

Další rozvoj portálu

Projekt Penězověda má potenciál se dále rozvíjet a stát se ještě komplexnějším nástrojem. Společně s klientem zvažujeme následující kroky:

• AI asistent, který bude schopen interaktivně pracovat s výukovými materiály a pomáhat učitelům při přípravě lekcí.
• Tvorba chytrého pomocníka pro učitele, který automaticky navrhne vhodné materiály na míru podle věku dětí a zaměření výuky.

Propojení s mobilní aplikací „Do kapsy“ a jejím modulem Filip, který je zaměřen přímo na studenty a jejich každodenní finanční rozhodování.