Cyber Policy Portal UNIDIR je interaktivní mapa globální kybernetické politiky OSN, která poskytuje profily všech 193 členských států organizace a dalších mezivládních subjektů. A za kterou hrdě stojíme.
Switzerland
Politika
2,000 hodin
2021
Podstatou rozsáhlé interaktivní mapy je podpořit účast všech zainteresovaných stran ve všech mezinárodních politických procesech a posílit důvěru, transparentnost a spolupráci v kyberprostoru. V devx jsme na základě výběrového řízení výzkumného institutu OSN UNIDIR, které jsme jako jediná firma vyhráli, pomohli s přesunem stávajícího webu na novou CMS platformu a zrychlili tak celkovou funkčnost a spolehlivost aplikace. A navíc vylepšili mapu.
Cyber Policy Portal je jedna velká databáze informací. Abychom usnadnili orientaci v systému a práci se všemi daty, upravili jsme interaktivní mapu. Ta respektuje světové hranice států podle platných geopolitických vykreslení OSN a je napojena na data, která UNIDIR v CMS plní.
Pro jistotu, že data budou vykreslena přesně podle toho, jak je uznává OSN, jsme sáhli po řešení Leaflet knihovny, která jako jedna z mála umožňuje tvorbu mapy za pomoci GEOJson formátu. Po nakreslení základní verze mapy jsme se vrhli na napojení na data a filtrování. Využili jsme přitom propracované služby ElasticSearch, díky níž si uživatelé webu mohou snadno, rychle a intuitivně prohlédnout, které země nebo organizace nabízí relevantní dokumenty vztahující se ke kybernetické bezpečnosti. ElasticSearch běží odděleně jako další aplikace v Kubernetes. Jedná se o distribuovaný vyhledávací a analytický nástroj, který centrálně ukládá data všech velikostí. Ta lze vyhledávat, indexovat, analyzovat. Aplikace pomáhá s rychlejším vyhledáváním, nad kterým má uživatel kontrolu a vidí, jaká data, stránky nebo produkty se hledají nejvíce. A díky tomu ví, na co se má soustředit a optimalizovat. Pro Cyber Policy Portal jsme konkrétně využili funkce scoringový algoritmus pro vyhledávání pouze relevantních dotazů. Dále asynchronní vyhledávání, které umožní vyhledávání dlouhých řetězců na pozadí a aplikace tak zajistí rychlé výsledky, zvýraznění vyhledávaných dotazů a korekce překlepu, kdy ElasticSearch automaticky upraví dotazy a nalezne na ně relevantní odpovědi.
UNIDIR původně využíval tradiční open-source WordPress CMS a jeho monolitická architektura přinášela značná omezení – frontend a backend byly pevně svázány do jedné aplikace. Abychom překonali tyto limity a zvýšili flexibilitu, přepsali jsme aplikaci do Strapi CMS, moderního Headless CMS, který odděluje správu obsahu od prezentační vrstvy.
Díky Strapi jsme získali plnou kontrolu nad tím, jak je obsah doručován a zobrazován. Výsledkem je rychlejší, škálovatelnější a bezpečnější systém. Pro načítání dat jsme využili GraphQL API, které umožňuje efektivní přenos strukturovaných dat a bezproblémovou integraci s frontendem postaveným na Next.js. Tento přístup zajišťuje optimální výkon a přizpůsobitelný uživatelský zážitek na různých platformách a zařízeních.
Abychom dosáhli ještě vyšší rychlosti a spolehlivosti, implementovali jsme pokročilé cache mechanismy, které výrazně snižují zatížení serveru. CMS i frontend běží odděleně v Kubernetes, což zajišťuje vysokou dostupnost, bezpečnost a globální škálovatelnost.
Využitím Tailwind CSS spolu s Next.js jsme vytvořili UI optimalizované pro výkon a responzivitu, čímž jsme zajistili plynulé uživatelské prostředí. Přechod na Strapi CMS přinesl větší flexibilitu, lepší správu obsahu a modernější technologický stack, který připravuje platformu na budoucí rozvoj.
V souladu s přísnými směrnicemi OSN aplikace podporuje všech 7 oficiálních jazyků OSN, včetně variant zprava doleva (RTL). Vzhledem k tomu, že většina dokumentů je k dispozici v angličtině, integrovali jsme Google Translate API, které umožňuje pohodlný překlad přímo na webu. Tato funkce usnadňuje práci uživatelům a zároveň zbavuje UNIDIR odpovědnosti za zajištění kvality překladů.
Abychom snížili náklady na překlady, implementovali jsme cachování všech překladových dotazů. Díky tomu mohou vracející se uživatelé nebo ti, kteří přistupují ke stejnému obsahu, využívat již dříve přeložené verze. To pomáhá udržet službu v rámci bezplatného tarifu Google Translate API, čímž se snižují provozní náklady.
Cyber Policy Portal je v neustálém vývoji v rámci devx, přičemž plánujeme vytvořit další tři platformy na stejném technologickém základu. Kromě toho pracujeme na nových stránkách pro unidir.org, čímž dále podporujeme misi UNIDIR v oblasti globálního povědomí o kybernetické bezpečnosti.
Devx nám přinesli nový pohled na naši práci, nové postupy a přístupy k tomu, jak ji prezentovat, a také kapacity a rychlost, díky kterým jsme v krátkém čase a spustili nový, velice úspěšný projekt.
Lenka Filipová
Digital Tools CoordinatorJsme připraveni vám pomoci s vývojem vašeho digitálního produktu.
Všechna práva vyhrazena © 2025 Devx s.r.o.