Koulutuskuntayhtymä Tavastia

Joustava sivustokokonaisuus koulutuskuntayhtymälle

Koulutuskuntayhtymä Tavastia vastaa Hämeenlinnan seudun toisen asteen koulutuksesta sekä kansalaisopiston tarjonnasta.

Siirry sivustolle

Oppilaitoksia

7

Oppilaita

20 000

Mitä teimme

Aloitustyöpaja
Palvelumuotoilu
UI/UX-suunnittelu
Verkkosivut
WordPress multisite
Jatkokehitys
Ylläpito

Lähtökohdat

Koulutuskuntayhtymä Tavastian sivuston tekniikka ja ulkoasu eivät vastanneet enää yhdeksän sivuston kokonaisuuden tarpeita. Uudistuksen suunnittelu ja valmistelu oli aloitettu vahvasti jo ennen meille soittamista, konseptoimalla uusi kokonaisuus Kukonlaulun kanssa. Pohjatöiden ollessa hyvin kattavat, pääsimmekin nopeasti kiinni itse tekemiseen ja sivuston toteuttamiseen.

Tavoitteet

Yleisilme haluttiin päivittää vastaamaan slogania tulevaisuuden tekijöistä. Yhtenä päätavoitteista oli käyttökokemuksen parantaminen. Erityisesti ammattiopiston ja kansalaisopiston tarjonnat haluttiin tuoda selkeämmin esille. Lisäksi sisältöjen päivittämistä haluttiin automatisoida ja varmistaa sivuston vakaa toimivuus suosittujen kurssien ilmoittautumisten alkaessa.

Projekti aloitettiin työpajalla, jossa kirkastettiin tavoitteet, kävimme asiakkaan toiveita ja vaatimuksia läpi sekä loimme sivukartan koko sivustokokonaisuudesta. Työpajassa tarkastelimme myös opistojen ilmettä ja sitä, mitä siinä voidaan kehittää ja parantaa saavutettavuus huomioiden.

Sivuista haluttiin joustavat ja helposti hallittavat, joten suunnittelussa loihdimme kattavan valikoiman erilaisia sisältölohkoja, joiden avulla asiakas voi vaivattomasti rakentaa haluamiaan sivuja. Myös useilla eri integraatioilla noudettu tieto näyttäytyy sivuilla selkeänä ja johdonmukaisena, sekä ennen kaikkea helppokäyttöisenä ja saavutettavana.

Ratkaisu

Sivuston suunnitteluun saimme kiitettävän vapaat kädet ja luomamme ilmeen graafiset elementit istuvat kuin nenä päähän verkkosivuston visuaaliseksi silmänkarkiksi.

Ilmeeseen luodut kuviot tuovat väriä sekä jaksottavat sisältöä tyylikkäästi ja hillitysti. Modernia väripalettia käyttävä ilme pitää verkkosivun ilmeen raikkaana vielä vuosienkin päästä.

Sivuston ominaisuudet

WordPress Multisite

KK Tavastia käsittää ammattiopiston, kansalaisopiston, neljä lukiota ja työelämälle tarjottavat palvelut. Kaikille tarjonnoille rakennettiin oma sivustonsa saman jaetun koodipohjan päälle, jolloin sisällön sekä tekniikan ylläpidosta saatiin vaivatonta. Kävijälle kaikki sivustot näkyvät yhtenä kokonaisuutena, vaikka ylläpitäjille sisällöt on selkeästi eroteltu eri toiminnoittain. Käyttöoikeuksia pystytään jakamaan sivustokohtaisesti, eivätkä pelkästään ammattiopiston sisältöjä ylläpitävät pääse lukioiden puolelle.

Kurssi- ja koulutushaku

Kansalaisopiston kurssitarjonta, ammattiopiston koulutustarjonta ja työelämälle tarjottavat koulutukset yhdistyy saumattomasti yhteisellä haulla, jonka kautta löytää helposti koko KK Tavastian ilmoittauduttavan opetustarjonnan. Haun kautta on helppo suodattaa kaikki itseä kiinnostavan aihealueen tarjonnat samaan näkymään, ilman että kävijä joutuu surffaamaan sivuston eri osioiden välillä.

Opiskelijoille jaettu julkinen kalenteri

Lukioilla on opiskelijoille jaetut kalenterit julkisia merkittäviä tapahtumia varten. Kalenterit koettiin aiemmin hieman hankalasti löydettäviksi ja käytettäviksi. Toimme kalenterit ja niiden tapahtumat suoraan sivustolle, jossa niitä on helppo selailla. Opiskelijoilla on nyt myös mahdollisuus lisätä kalenterit suoraan puhelimeensa osaksi omaa kalenteria. Oppilaitosten henkilökunnalle päivittäminen tapahtuu totuttuun tapaan Microsoftin palvelun kautta.

Yhteystietojen automaattinen synkronointi

KK Tavastialla on satoja työntekijöitä, joiden yhteystietojen pitää olla löydettävissä niin sisäisestä luettelosta kuin myös julkiselta verkkosivulta. Kaikkien tietojen ajan tasalla pitäminen kahdessa järjestelmässä olisi kokopäivätyö, joten toteutimme automaattisen synkronoinnin Microsoft O365 järjestelmästä hyödyntäen MS Graph rajapintaa. Henkilöt, heidän työnkuvauksensa, yhteystiedot ja kuvat päivitetään tunnin välein sivustolle.

Kattava hakutoiminnallisuus

Yhdeksälle sivustolle mahtuu paljon erityyppistä sisältöä, joka pakattiin yhteen selkeään sanahakuun. KK Tavastian pääsivustolla sisältöjä haetaan kaikesta tarjonnasta, kun taas esimerkiksi kansalaisopiston sivustolla haku tarjoaa tuloksia ainoastaan kansalaisopistoon liittyvistä asioista sekä kaikista yhteystiedoista. Hakutulokset esitetään sisältötyypeittäin ryhmiteltynä ja rikastettuna kyseiseen sisältöön liittyvillä olennaisilla tiedoilla, kuten kurssin alkamisajankohdalla.

Kansalaisopiston kurssitarjonnan automaattinen päivittyminen

KK Tavastiaan kuuluvan Vanajaveden Opiston kursseja sekä niiden ilmoittautumisia hallitaan erillisessä Hellewi-järjestelmässä. Kurssitarjonta haluttiin kuitenkin esittää osana sivustoa ulkopuoliseen palveluun ohjaamisen sijaan. Toteutimmekin integraation sivuston ja Hellewin välille, joka hakee automaattisesti tunnin välein uudet kurssit ja niiden tiedot. Kurssien kategorisointi aineittain tapahtuu sekin automaattisesti Hellewistä tulevien tietojen perusteella. Ilmoittautumis- ja paikkatilannetta päivitetään tiheämmin, jotta tieto pysyy ajantasaisena.

Aineistopalvelin

Infonäyttöjä, opettajien työasemien selainten aloitusnäkymiä, aurinkopaneelien tuotannon seurantaa, kansalaisopiston kurssiesitteiden verkkoversioita… Erinäisiä, suoraan sivustoon liittymättömiä verkossa tarvittavia aineistoja on jonkin verran. Nämä haluttiin pitää käyttöoikeustasolla erillään sivustosta, joten perustimme KK Tavastialle erillisen aineistopalvelimen johon materiaaleja voi säilöä käyttöä varten.