RadioMedia – äänestysjärjestelmä toistuviin kampanjoihin

Toimiston ilmoittama referenssi

Tekijä: Digitoimisto Dude Oy

Teknologiat: Asiakaskohtainen ohjelmointityö, WordPress

Projektin budjetti: 10 000–30 000 €

Projektin tyyppi: Web-sovellus, mobiilisovellus tai asiointipalvelu, Yrityksen sivusto kuluttajille

Lähtökohta

RadioMedia tarvitsi yleisöäänestyksen RadioAwards-kilpailun yhteyteen, jossa kansa äänestää vuoden radiojuontajan ja vuoden radio-ohjelman. Järjestelmän pitää kestää tuhansia samanaikaisia äänestäjiä, äänestämisen täytyy olla yksinkertaista mobiilissa, väärinkäyttö pitää estää ilman, että se hankaloittaa tavallisen, rehellisen äänestäjän kokemusta, ja kaiken pitää toimia luotettavasti juuri silloin, kun kävijöitä on eniten.

Erityinen haaste on liikenteen äkillinen moninkertaistuminen: radiomainos tai somepostaus voi tuoda tuhansia äänestäjiä minuuteissa. Valmiit kolmannen osapuolen äänestystyökalut eivät täyttäneet näitä tarpeita riittävästi, joten päätimme rakentaa oman.

Samaa järjestelmää hyödynnettiin myöhemmin Kaikkien aikojen kotimainen radiobiisi -kampanjassa. Radiobiisi sai oman tunnistettavan ilmeensä ja sivustonsa, mutta pyöri samalla teknisellä selkärangalla.

Tavoitteet

– Rakentaa kuormantasattu, korkean saatavuuden järjestelmä, joka kestää isoja kävijäryntäyksiä valtakunnallisen kampanjan aikana siten, että palvelut pysyvät aina pystyssä ja äänet eivät katoa
– Pitää äänestäminen yksinkertaisena ja nopeana
– Estää väärinkäyttö ilman äänestäjää hidastavia ratkaisuja
– Antaa ylläpidolle reaaliaikainen näkymä äänimääriin ja mahdollisuus ladata tulokset
– Tehdä järjestelmästä uudelleenkäytettävä myös mahdollisten uusien kilpailujen tarpeisiin
– Mahdollistaa tulosten vaivaton näyttäminen muilla RadioMedian sivuilla

Mitä tehtiin

– Suunnittelimme ja rakensimme räätälöidyn, tietoturvallisen ja korkean saatavuuden äänestysjärjestelmän, jota voidaan käyttää toistuvasti eri kampanjoissa
– Vikasietoinen, kuormantasattu arkkitehtuuri, jossa äänet eivät katoa edes tilapäisten palvelinongelmien yhteydessä
– Reaaliaikainen monitorointi, joka valvoo koko ketjua vastaanottimesta tietokantaan, ei pelkästään sitä ovatko palvelimet ylhäällä
– Ylläpidon hallintanäkymä: reaaliaikainen äänimäärä, CSV-export ja kampanjan ajastus suoraan WordPressin hallinnasta
– RadioMedian ekosysteemin kanssa keskusteleva rajapinta (API) ja rajapintapalvelin, jonka kautta äänestysten tulokset näkyvät automaattisesti muilla RadioMedian sivustoilla

RadioAwardsin yleisöäänestyksessä äänestäjä selaa ehdokkaita kahdessa kategoriassa: vuoden radio-ohjelma ja vuoden radiojuontaja. Ehdokkaita voi suodattaa radiokanavan mukaan tai hakea vapaalla haulla. Äänestäjä valitsee suosikkinsa molemmissa kategorioissa, tarkistaa valintansa yhteenvetonäkymässä ja rekisteröi äänensä, samalla halutessaan osallistuen palkinnon arvontaan. Kaikki tapahtuu sujuvasti ilman sivulatauksia. Ehdokkaiden järjestys arvotaan päivittäin, jotta listauksen alkupää ei anna kenellekään etua.

Arkkitehtuurin tärkein lähtökohta oli yksinkertainen: äänestysruuhkaa ei voi ennustaa täsmälleen, ja yksittäisen osan kaatuminen ei saa vaikuttaa äänten tallentumiseen. Äänet vastaanotetaan erillisen äänestysrajapinnan kautta, josta ne siirtyvät väliaikaiseen jonoon ja kulkeutuvat sieltä pysyvään tietokantaan. Jokainen äänestysputken lenkki on itsenäinen: vaikka yksi osa ketjusta olisi tilapäisesti poissa käytöstä, äänet odottavat ja siirtyvät kantaan heti yhteyden palauduttua. Ääni ei katoa missään tilanteessa.

Ylläpidolle rakennettiin hallintanäkymä WordPressin adminiin: reaaliaikainen äänimäärä, tulokset ladattavissa CSV-tiedostona äänestäjätietoineen ja suostumuksineen, sekä kampanjan ajastus: milloin äänestys avautuu, milloin se sulkeutuu ja mitä sivulla näytetään ennen ja jälkeen äänestysajan. Järjestelmä tarjoaa myös julkisen rajapinnan, jonka kautta äänestyksen tulokset voidaan näyttää automaattisesti muilla RadioMedian sivustoilla.

Lopputulos

Järjestelmää on käytetty tämän referenssin julkaisuajankohtana kahdessa yleisöäänestyksessä: RadioAwardsin yleisöäänestyksessä ja Kaikkien aikojen kotimainen radiobiisi-kampanjassa. Äänet tallentuivat, ruuhkahuiput kestettiin ja ylläpito pystyi seuraamaan tilannetta reaaliajassa. Esimerkiksi Radiobiisi-kampanjassa kertyi 12538 ääntä. Tiheimmillään RadioAwardsin vuoden 2026 äänestyksessä ääniä annettiin noin kymmenien äänten sekuntivauhdilla, jonka aikana järjestelmä toimi kuin rasvattu.

Rakentamamme infrastruktuuri on RadioMedian omissa käsissä ja uudelleenkäytettävissä. Seuraava äänestyskampanja ei vaadi järjestelmän rakentamista alusta, vaan ainoastaan uuden kampanjasivuston luomisen.

Projektin kohokohdat

Tarkkaan suunniteltu vikasietoinen äänestysputki
Äänestysjärjestelmän suurin haaste ei ole äänten vastaanottaminen normaaliolosuhteissa, vaan äänten säilyminen silloin, kun jokin menee pieleen. Rakensimme arkkitehtuurin, jossa äänten vastaanottava palvelu ja tietokanta voivat molemmat olla tilapäisesti alhaalla ilman, että äänet katoavat. Vikasietoisuus testattiin käytännössä sammuttamalla palvelimia kesken äänestyksen ja varmistamalla, että äänet tallentuvat oikein.

Koko ketjun kattava monitorointi
Pelkkä tieto siitä, että palvelimet ovat ylhäällä, ei riitä kertomaan toimiiko järjestelmä. Rakensimme räätälöidyn monitoroinnin, joka seuraa koko ääniputkea: vastaanotetaanko ääniä, siirtyvätkö ne jonosta kantaan, päivittyvätkö tulokset rajapintaan. Testikäytön aikana tämä osoittautui tärkeäksi: automaattinen valvonta havaitsi, että äänten virtaus oli katkennut, vaikka palvelut näyttivät ulospäin toimivan normaalisti. Ongelma paikannettiin ja korjattiin nopeasti juuri siksi, että valvonta kattoi koko ketjun yksittäisten palvelimien sijaan.

Uudelleenkäytettävä alusta, ei kertaluontoinen projekti
Järjestelmä rakennettiin alusta asti palvelemaan useampaa kampanjaa. WordPress Multisite mahdollistaa sen, että eri kampanjat pyörivät samalla pohjalla mutta omilla osoitteillaan ja ilmeillään. Uuden äänestyksen käynnistäminen vaatii käytännössä vain ehdokkaiden syötön ja ajoituksen asettamisen, ei kehitystyötä.

Kuormantasattu palvelininfrastruktuuri
RadioMedian yleisöäänestyskoneen rakentamisessa myös palvelininfralla oli suuri merkitys. Uskomme, että verkkopalvelu ja palvelimet kulkevat käsi kädessä. Kun verkkopalvelussa vierailee kymmeniä tuhansia kävijöitä päivässä, sivujen on pysyttävä pystyssä vaikka kaikki hakkaisivat selaimen päivitä-nappia yhtä aikaa. RadioMedian palvelut hyödyntävät useampaa palvelinklusteria, joka oli onnistumisen takeena projektissa etenkin ääniputken osalta.

Tekninen toteutus tarkemmin

Käyttöliittymä ja äänestysputki
Järjestelmä koostuu useasta erillisestä palvelusta, jotka on suunniteltu toimimaan yhdessä vikasietoisesti. Käyttöliittymä on toteutettu React-pohjaisena sovelluksena WordPress Multisiten päällä, ehdokasdata välimuistissa ja äänestyslomake palvelinpuolen validoinnilla.

Äänestys-API on erillinen TypeScriptillä kirjoitettu palvelu, joka pyörii Bun-ajoympäristöllä. API vastaanottaa äänet ja siirtää ne Redis Streams -jonoon, josta erillinen worker-prosessi kirjoittaa ne PostgreSQL-kantaan. Tämä ketju on se, mikä tekee järjestelmästä vikasietoisen: lähes jokainen osa voi kaatua ilman, että äänet katoavat. Tietokannasta pidetään yllä reaaliajassa päivittyvää replikaa toisella palvelimella.

Palvelininfrastruktuuri
Hyvissä ajoin ennen toteutusta palvelininfrastruktuuri suunniteltiin huolella vastaamaan RadioMedian tarpeita siten, ettei mikään kivi jäänyt kääntämättä.

Liikenne ohjataan palvelimille kuormantasaajan kautta, joka jakaa pyynnöt kahdelle tehokkaalle korkean suorituskyvyn, WordPressille optimoidulle palvelimelle ja kahdelle äänestysrajapintapalvelimelle. DNS suojaa samalla palvelimet palvelunestohyökkäyksiltä ja oteilta. WordPress-palvelimet on suojattu palomuurilla, joka sallii liikenteen ainoastaan Cloudflaren IP-osoitteista. Koko järjestelmä pyörii yhteensä 11 RadioMedialle tarkkaan räätälöidyllä palvelimella.

Välimuisti ja suorituskyky
Välimuisti on rakennettu kerroksittain: Cloudflare CDN staattisille resursseille, FastCGI-välimuisti WordPress-sivuille, Redis Object Cache Pro objektivälimuistille ja transient-välimuisti ehdokasdatalle (24h) sekä äänestystuloksille (1min). Ehdokkaiden satunnainen järjestys arvotaan kerran päivässä ja välimuistitetaan, jotta sama järjestys pysyy koko päivän mutta vaihtuu seuraavana.

Monitorointi
Monitorointi kattaa palveluiden saatavuuden (Better Stack), räätälöidyn pipeline-monitorin koko ääniputkelle, Redis Streams -jonon koon ja käsittelytahdin sekä JavaScript-virheet tuotannossa. Kaikki palvelut on stressitestattu ennen julkaisua simuloiden todellisia olosuhteita.


Sinua voisi kiinnostaa myös

Tanssisali Lutakon digitaalinen lipunmyyntijärjestelmä

Tekijä: Digitoimisto Dude Oy

Tärkein teknologia: WordPress

Projektin budjetti: 10 000–30 000 €

Lähtökohta Aiemmin Tanssisali Lutakon verkkosivuston eli jelmu.netin lipunmyynti hoidettiin sähköpostitse: asiakas lähetti varauksen, ja maksu suoritettiin tilisiirrolla. Prosessi toimi, mutta oli hidas, manuaalinen ja aiheutti paljon ylimääräistä hallinnollista työtä. Tavoitteet Tehdä lipun ostamisesta helppoa ja nopeaa Automatisoida maksaminen sekä sähköisten lippujen toimitus Vähentää järjestäjien manuaalista työtä Nostaa käyttäjäkokemus nykyaikaiselle tasolle Helpottaa Jelmu ry:n jäseneksi liittymistä […] Lue lisää

Saarioisen uusi verkkopalvelu

Tekijä: Evermade

Tärkein teknologia: WordPress

Projektin budjetti: yli 60 000 €

Saarioinen on rakastettu ja erottamaton osa suomalaista ruokakulttuuria arjessa ja juhlassa aina kiireisistä lounashetkistä perinteisiin joulupöytiin. Uudistimme saarioinen.fi-verkkopalvelun sujuvaksi ja teknisesti vahvaksi kokonaisuudeksi, joka palvelee vaivattomasti niin nälkäisiä kuluttajia kuin tehokkuutta vaativia keittiöammattilaisiakin. Lähtökohta Saarioisen aiempi verkkosivusto toimi moitteettomasti, joten uudistuksen tavoitteena oli viedä digitaalinen kokemus seuraavalle tasolle. Keskityimme tuomaan palveluun nykyaikaiset toimintamallit, parantamaan saavutettavuutta […] Lue lisää

Avant Tecnon uusi verkkosivusto

Tekijä: MEOM

Tärkein teknologia: WordPress

Projektin budjetti: yli 60 000 €

Avant Tecno on suomalainen pienkuormaajien ja työlaitteiden valmistaja. Vuonna 1991 perustetusta Avant Tecnosta on kasvanut maailmanlaajuisesti luotettu brändi, jolla on asiakkaita yli 70 maassa. Avant Tecnon vanha verkkosivusto ei enää taipunut kunnolla tuotetiedon ajantasaiseen ylläpitoon ja markkinointiin. Verkkosivustolla on yli 20 kieliversiota ja PIM-integraation kautta maakohtaiset tuotetiedot päivittyvät useita kertoja päivässä. Uutta WordPress-multisitea lähdettiin rakentamaan […] Lue lisää

Uusi Ilmailumuseo

Tekijä: Digitoimisto Dude Oy

Tärkein teknologia: WordPress

Projektin budjetti: 10 000–30 000 €

Lähtökohta Uusi Ilmailumuseo on kunnianhimoinen kulttuurihanke, jonka tavoitteena on rakentaa kansainvälisen tason museo Vantaan Aviapolikseen. Hanketta vetää Suomen Ilmailumuseo yhdessä alan toimijoiden ja yhteiskunnallisten sidosryhmien kanssa. Vaikka museorakennus on vielä suunnitteilla, digitaalinen läsnäolo tarvittiin mahdollisimman pian, jotta varainkeruu voitiin aloittaa ja hankkeesta viestiä tehokkaasti. Sivuston tuli esitellä hanketta selkeästi ja innostavasti, tarjota mahdollisuus lahjoittaa helposti […] Lue lisää

Rakennusliitto

Tekijä: Digitoimisto Dude Oy

Tärkein teknologia: WordPress

Projektin budjetti: 30 000–60 000 €

Lähtökohta Rakennusliiton vanha verkkosivusto kaipasi uudistusta monella rintamalla. Sisältöä oli runsaasti, mutta tiedon löytäminen ja palveluiden äärelle pääseminen oli käyttäjille haastavaa. Jäsenet kokivat sivuston sekavaksi ja monimutkaiseksi käyttää, erityisesti asiointiin ja jäsenetuihin liittyvissä kysymyksissä. Myös uusien jäsenten houkuttelu oli vaikeaa, kun liittymiseen ohjaavat sisällöt ja polut eivät erottuneet riittävästi. Samalla haluttiin vahvistaa liiton viestintää ja […] Lue lisää

Musiikkitalon uusi verkkopalvelu

Tekijä: Digitoimisto Dude Oy

Tärkein teknologia: WordPress

Projektin budjetti: 30 000–60 000 €

Lähtökohta Vuoden 2024 alkupuolella Musiikkitalossa tehtiin iso lipunmyyntiuudistus, joka antoi sykäyksen myös verkkosivuston täydelliselle uusimiselle. Duden porukka oli jo aiemmin päässyt lämmittelykierrokselle sivuston ylläpidon merkeissä, ja yhteistyö vakuutti asiakkaan: olimme oikeilla taajuuksilla. Uudistusta edelsi avoin keskustelu ja auditointi, joiden myötä projektin tavoitteet, tarpeet ja mahdollisuudet saatiin kirkastettua tehokkaasti. Tavoitteet Esitellä Musiikkitalon tapahtumatarjontaa ja mahdollistaa lippujen […] Lue lisää

Vierityspalkki.fi

Julkaistu vuodesta 2006. Vierityspalkki on blogi verkkopalveluiden kehityksestä, internetin teknologioista ja alan toimistoista. Seuraa, niin tiedät miten ja kenen toimesta syntyvät parhaat verkkopalvelut, verkkokaupat ja räätälöidyt web-sovellukset. Uutiskirjeellä on jo yli 1100 tilaajaa.


Tilaa uutiskirje.

  • 40-50 asiantuntija-artikkelia vuosittain.

    Toimitettua asiasisältöä verkkopalveluiden uudistuksista ja kotimaisen ohjelmistoalan tapahtumista. Vierityspalkki nostaa esiin alan puheenaiheita ja tuoretta tutkimustietoa, osallistuu keskusteluun sekä haastattelee alan asiantuntijoita ja toimistoja. Julkaistuja artikkeleita jo yli 1000 kappaletta.


    Kaikki artikkelit

  • 150-200 julkaistua referenssicasea joka vuosi.

    Julkaisut-palsta tarjoaa näkyvyyttä kiinnostaville uusille verkkopalveluille ja web-sovelluksille, ja antaa asiakkaille mahdollisuuden arvioida eri toimistojen osaamista.


    Selaa toimistojen julkaisuja

  • 300-400 työpaikkailmoitusta vuosittain.

    Vuodesta 2007 toiminut ilmoituspalsta on edelleen sivuston suosituin osio. Moni asiantuntija on löytänyt useammankin työpaikan palstan kautta vuosien varrella.


    Selaa avoimia työpaikkoja

  • 31 kokenutta digitoimistoa

    on päässyt aina ajantasaiselle Toimistot-listalle. Lista on auttanut asiakkaita löytämään kokeneita digitoimistokumppaneita jo usean vuoden ajan. Lista keskittyy WordPress-toimistoihin ja räätälöityjen web-sovellusten tekijöihin.


    Selaa Toimistot-listaa

Tilaa kuukausikirje

Kerran kuukaudessa ilmestyvä uutiskirje koostaa artikkelit, julkaisut, työpaikat ja linkkivinkit. Kirjeellä on jo yli 1100 tilaajaa.
Huom. Sähköpostiosoitettasi ei luovuteta eteenpäin, eikä käytetä mihinkään muuhun tarkoitukseen – ihan oikeasti.

Siirry takaisin sivun alkuun