Iparág: Média, Szórakozás
Szolgáltatások: Webfejlesztés, Adatvizualizáció
Helyszínek: Európa
Projekt: Valós idejű adatvizualizáció a 2024-es választásokhoz.

AZ ÜGYFÉL:
A HVG (korábban Heti Világgazdaság) 1979-es alapítása óta mind példányszámát, mind olvasottságát tekintve hazánk vezető közéleti, gazdasági-politikai hetilapja. Mindmáig a lakosság több kulcsfontosságú rétegének rendszeres hír- és információforrása, üzleti döntéseinek befolyásolója. Híreivel és elemzéseivel hetente több mint 1,5 millió embert ér el a különböző nyomtatott és digitális platformjain.

Valós idejű adatfeldolgozás

július 9-én Magyarországon önkormányzati és EU parlamenti választásokat tartottak. Ehhez kapcsolódóan a HVG számára olyan adatvizualizációs megoldást készítettünk, amely valós időben mutatta a választási eredményeket. A rendszer a Nemzeti Választási Iroda API-ján keresztül közvetlenül dolgozta fel az adatokat, biztosítva a stabil és pontos megjelenítést.

Az ügyféligény

Az ügyfélnek az volt az igénye, hogy a HVG olvasói azonnal értesülhessenek a legfrissebb eredményekről, miközben a vizuális megjelenítés átlátható és könnyen érthető módon segíti a tájékozódást. Továbbá az, hogy a látogatók a leginnovatívabb választási felülettel találkozzanak a médiában, mert ez hozza számára a legtöbb média értékesítési lehetőséget.
Az adatokat valós időben, éles környezetben dolgoztuk fel, lehetővé téve a gyors és megbízható hírszolgáltatást a választások estéjén.

Stabil és gyors adatvizualizáció választási terhelés alatt

Mivel a választásokat nagy figyelem kíséri, emellett az olvasók számára azonnal, valós időben kell biztosítani az adatokat, kulcsfontosságú volt, hogy reszponzív és gyors legyen a szolgáltatás, miközben nagy terhelést bír ki. Korábban ez egy widgetként működő szolgáltatás volt, tehát biztosítanunk kellett, hogy a HVG tartalomkezelő rendszerébe könnyen beilleszthető legyen.
A gyors adatkiszolgálás és -feldolgozás volt talán a legnagyobb kihívás, mivel a választások alatt a különböző hírportálok jellemzően DDOS és egyéb támadások alatt állnak. Fontos volt, hogy az adatvizualizáció működését ne bojkottálja egy ilyen támadássorozat. Korábbi tapasztalatainkat is felhasználva úgy alakítottuk ki az infrastruktúrát, hogy a lehető legbiztosabban ellenálljon az ilyen támadásoknak.

Adatvizualizációs projekt két hónap alatt

A projekt megvalósítására mindössze 2 hónap állt rendelkezésünkre. Magát a projektet az ügyféltől kapott Figma fájlok támogatták: ezek tartalmazták a választási adatvizualizáció designját, ezekből mértük fel a haladáshoz szükséges komponenseket, valamint azok ütemezését, hogy milyen sorrendben készüljenek el. Arra törekedtünk, hogy a többször újrahasznosítható komponenseket univerzálissá alakítsuk, ez is hozzájárult ahhoz, hogy a rövid határidő ellenére időben elkészüljünk a projekttel. Annak érdekében, hogy a rendszer pontosan megfeleljen az ügyfél igényeinek, már a fejlesztés legelejétől bevontuk a HVG-t, folyamatosan demóztunk nekik, majd a projekt félidejében átadtuk a rendszert tesztelésre. Eközben velük együtt alakítottuk ki az infrastruktúrát, és készítettük fel a nagy terhelésre. Az utolsó héten csak finomhangolások voltak, illetve terheléses tesztelést hajtottunk végre.

A választás napján folyamatos supportot biztosítottunk a HVG számára, hogy az esetlegesen felmerülő problémákra minél előbb tudjunk reagálni. Ugyanakkor számottevő terheléses probléma végül nem merült fel.

A választás után még a szoftvert dinamikus működésről statikus kiszolgálásra állítottuk át. Így már nem szólítottuk közvetlenül a választási iroda API-ját, hanem azokat lokálisan szolgáltuk ki.

Annak ellenére, hogy extrém rövid idő állt rendelkezésre a komplexitáshoz képest, sikerült határidőre elkészülnünk a megoldással. Az együttműködés során Scrum és Kanban módszertanokat alkalmaztunk: az ügyféllel heti demók és egyeztetések voltak, ami hozzájárult ahhoz,, hogy gyors visszajelzéseket kapjunk, így azokat azonnal be tudtuk építeni a további munkák során.

Alkalmazott módszertan, technológiák:
Laravel Octane
Swoolie
Kubernetes
OpenStreetMap
Leaflet
vue.js
Kanban
Scrum

Az eredmény: piacvezető megoldás

A projekt vége felé napi szinten tartottunk státuszokat az ügyféllel. Abszolút pozitív együttműködés valósult meg, ahol jellemzően mindkét fél érdekei megfelelően érvényesültek. Az adatvizualizációs megoldásunk mind a gyorsaságával és stabilitásával a piacvezető médiumok között kiemelkedően teljesített, és pontos adatok szolgáltatásával támogatta a 2024-es választások HVG felületén történő tudósítását.

3 fős fejlesztői csapattal dolgoztunk: 2 senior fejlesztővel (egy frontedes és egy backendes) és egy PM-el vágtunk bele a projektbe. A csapatdinamika jól működött: egy már összeszokott csapattal kezdtünk neki, ami szavatolta a minőségi terméket. Mindemellett házon belül és kívülről is rengeteg technikai DevOps segítséget kaptunk. A Devopsos és térképes adatvizualizáció megoldásokban fejlődött a csapat, ezt az új tudást a jövőben hasznosíthatjuk egyéb projekteken is.