Otava Oppimisen palvelut on oppimateriaalien yleiskustantaja ja oppimisen asiantuntija, joka tuottaa digitaalisia ja painettuja oppimateriaaleja, sisältöjä ja palveluja esiopetuksesta aikuiskoulutukseen sekä valmentaa kouluja toimintaympäristön muutoksiin.
4
360 000
Eri liiketoiminta-alueiden, Otavan Oppimisen Palveluiden, Otava Utbildningin, Otava Learningin ja Finn Lecturan tarpeet olivat muuttuneet, eikä vanhat sivustot enää täysin vastanneet näihin tarpeisiin. Lisäksi kaikki sivustot haluttiin yhdistää samaan WordPress-multisite alustaan ja yhtenäistää niiden ilmettä, säilyttäen kuitenkin Oppimisen palveluiden sekä Finn Lecturan omat brändi-identiteetit.
Uudistuksella haluttiin parantaa käyttökokemusta asiakaslähtöisemmäksi ja tehdä ylläpidosta joustavampaa mahdollistamalla monipuolisempia osakokonaisuuksia. Tavoitteena oli sisällön selkeämpi järjestäminen ja hakukonenäkyvyyden parantaminen optimoimalla sisältöä. Erityisen tärkeää oli lakisääteisten saavutettavuuskriteerien täyttäminen ja integraatioiden rakentaminen muihin käytössä oleviin järjestelmiin.
Dude pystyi toteuttamaan kaikki sivustouudistukselle asetetut tavoitteet, osan jopa paremmin kuin uskalsimme toivoa.
Eri liiketoiminta-alueiden alla on suuri määrä tuotteita ja tuotesarjoja sekä erilaista lisäsisältöä kuten ohjeita ja webinaareja. Jotta isosta kokonaisuudesta saatiin täysi käsitys, projekti aloitettiin useamalla työpajalla.
Ensimmäisessä työpajassa asiakas briiffasi Otava Oppimisen palveluiden, Otava Utbildningin, Otava Learningin sekä Finn Lecturan liiketoimintaa, jotta saisimme parhaimman mahdollisen kuvan siitä kenelle sivustokokonaisuutta ollaan tekemässä. Seuraavissa työpajoissa hahmotettiin eri brändien tarpeita, lähdettiin rakentamaan sivustokarttaa ja paneuduttiin tuotetietointegraation yksityiskohtien suunnitteluun.
Työpajojen avulla liiketoiminta-alueiden tarpeet ja toiveet saatiin hyvin selville. Otava Oppimisen palveluiden, Otava Utbildning ja Otava Learning -sivustoja lähdettiin suunnittelemaan Oppimisen palveluiden brändi-ilmeen mukaiseksi ja Finn Lecturan sivusto oman brändi-ilmeensä mukaan.
Erityisesti tuotetiedon helppoon löydettävyyteen ja selkeään esittämiseen kiinnitettiin huomiota, sillä asiakas oli painottanut näiden tärkeyttä työpajoissa sekä myös suunnittelun edetessä. Otava Oppimisen palveluiden sivustolla jokaiselle kouluasteelle päätettiin oma värisävy, joka toistuu läpi sivuston. Näin kävijä hahmottaa selkeästi mitä oppimateriaaleja hän on milloinkin selaamassa.
Suunnittelussa mietittiin myös mahdollisimman selkeät polut kävijälle ottaa yhteyttä sekä löytää itselleen relevanttia sisältöä.
Otava Oppimisen palveluilla on tuhansia tuotteita ja nämä tuotteet kansikuvineen haluttiin tuoda jatkossa automaattisesti sivustolle manuaalisen syöttämisen sijaan.
Toteutimme räätälöityjä integraatioita, joiden avulla tuotetiedot haetaan automaattisesti tuotejärjestelmästä ja niihin yhdistetään mediapankista tulevat kansikuvat sekä muualta tulevat verkkokauppalinkit. Kaikki tuotetietojen käsittely suoritetaan taustalla ja tallennetaan välimuistiin, sivuston nopeuden varmistamiseksi.
Toteutimme Otavan tuotejärjestelmään integraation joka päivittää kaikki tuotteet eräajona sivustoille. Eräajon yhteydessä tuodaan uudet tuotteet, päivitetään jo tuotuihin muuttuneet tiedot ja poistetaan mahdollisesti järjestelmästä poistuneet tuotteet näkyviltä. Jokaiseen tuotteeseen liittyy useita kymmeniä metatietoja jotka tuodaan käytettäväksi sivustolla.
Tuotteiden ja niiden metatietojen suuren määrän vuoksi eräajo suoritetaan suoraan palvelimella hyödyntäen WP-CLI -työkalua ja jokaisen tuotteen tuonnin jälkeen tuotetiedoista tallennetaan tiiviste. Seuraavalla ajolla tuotteen tiiviste tarkistetaan uusia tuotetietoja vasten ja tuotetiedot päivitetään vain jos tiiviste on muuttunut.
Tuotteiden metatieto tallennetaan omaan tietokantatauluunsa, jolloin niiden massa ei ole hidastamassa sivuston muiden sisältöjen käyttöä. Tämän toimintalogiikan ansioista sisällönsyöttäjillä on myös mahdollisuus ylikirjoittaa tuotejärjestelmästä tuotuja metatietoja menettämättä niiden koskemattomuutta, sillä manuaalisesti syötetyt metatiedot tallentuvat WordPressin normaaliin metatietokantatauluun.
Tuotteiden ja niiden suuren metatietomäärän takia sivuston suorituskykyyn tuli kiinnittää erityistä huomiota. Tuotetiedot ovat luonteeltaan suhteellisen staattisia, joten lähdimme ratkaisemaan tätä raskaalla välimuistituksella.
Jokaisen tuotteen julkisesti esitettävät tiedot rakennetaan Object Cacheen, eli palvelimen muistissa olevaan nopeaan tietokantaan, josta ne haetaan esitettäväksi julkiselle sivustolle lukuisten tietokantaan suoraan tehtävien kutsujen sijaan.
Välimuistia uudistetaan tiheästi osa-ajoina palvelintasolla hyödyntäen WP-CLI työkalua. Vanhimmat, tuotejärjestelmästä juuri päivittyneet tai sivuston sisällönsyöttäjien ylikirjoittamat tuotetiedot priorisoidaan osa-ajoissa, jotta ajantaisaiset tiedot päivittyvät sivustolle nopeasti raskaasta välimuistituksesta huolimatta.
Sivustolla näkyvät tuotteiden kansikuvat tallennetaan Aste Helsingin Otavalle toteuttamaan mediapankkiin. Tarkistamme jokaisen tuotteen kohdalla mediapankin rajapinnasta tuotteen ISBN-koodin perusteella onko kansikuvaa viety mediapankkiin ja käytämme tarvittaessa sivuston puolella määritettyä placeholderia, eli paikkaa pitävää oletuskuvaa. Haku mediapankista on myös mahdollista ohittaa syöttämällä kansikuva tuotteen tietoihin suoraan sivustojen hallintapaneelista.
Otavan Oppimisen palveluilla on oma verkkokauppa, johon haluttiin linkata vaivattomasti sivuston tuotesivuilta. Myös tähän rakensimme integraation. Sivusto tarkistaa säännöllisin väliajoin tuotteen ISBN-koodin perusteella onko se saatavilla verkkokaupasta ja lisää verkkokauppalinkin automaattisesti mikäli tuote löytyy verkkokaupasta.
Koko tuotemassaa ei esitetä sivustolla kävijälle sellaisenaan, vaan tuotesarjoina ja sen alla olevina tuotekortteina joihin voi linkittyä esimeriksi kolme erityyppistä lisenssiä.
Tuotesarjojen koostamisesta tehtiin helppoa, jotta sisältöjen ylläpitäjien työ olisi mahdollisimman mukavaa. Parhaimmillaan tarvitsee syöttää vain sarjan perustiedot ja valita tuotteet jotka kuuluvat kyseiseen sarjaan. Näiden tuotevalintojen perusteella kävijälle esitetään sarjaan liittyvät tuotekortit, jotka on jaoteltu automaattisesti kohderyhmittäin. Tarvittaessa tuotekortteihin voi asettaa lukuisia lisätietoja, kuten linkkejä lisämateriaaleihin, ylikirjoittaa tuotteen tietoja ja valita päätuotteeseen liittyvät muut tuotteet kuten erilaiset lisenssityypit.
Koostetuille tuotesarjoille valitaan kouluaste sekä oppiaine, joiden perusteella muodostetaan automaattisesti kouluaste- sekä oppiainekohtaiset listaukset saatavilla olevista tuotesarjoista. Toteuttamamme helppokäyttöisen työkalun avulla asiakas voi muokata kouluastekohtaisesti arkistonäkymässä listattujen oppiaineiden järjestystä, sekä vielä yksittäisen oppiaineen sisällä tuotesarjojen keskinäistä järjestystä. Näin saadaan varmistettua olennaisimpien sekä uusimpien tuotesarjojen helppo löydettävyys.
Otava Oppimisen palveluille, Otava Utbilgingille, Otava Learningille ja Finn Lecturalle toteutettiin omat sivustonsa hyödyntäen WordPressin Multisite Network -toiminnallisuutta.
Tämän ansioista sivustojen sisältöjä pääsee päivittämään keskitetystä paikasta yhdellä kirjautumisella ja kokonaisuuden tekninen toimintavarmuus on suurempi, kun samankaltaiset sivustot käyttävät yhteistä koodipohjaa. Kaikki sivustot toimivat kuitenkin omassa verkkotunnuksessaan ja näkyvät kävijälle ulkoisesti toisistaan erillisinä sivustoina.
Tapahtumat tuodaan sivustolle automaattisesti Eventillasta ja esitetään sivustolla selkeästi siten, että niitä on mahdollista suodattaa kouluasteen sekä paikkakunnan mukaan. Itse tapahtumaan ilmoittautuminen ohjataan Eventillan palveluun.
Toteutimme integraation hyödyntäen Eventillan valmista WordPress-lisäosaa, jota kehitimme yhteistyössä Eventillan kanssa projektin aikana.
Vanhoilla sivustoilla oli roppakaupalla sisältöä. Emme halunneet Otavan menettävän paikkaansa hakutuloksissa ja tiettyjä linkkejä viikoittain käyttävien opettajien sekä oppilaiden päätyvän umpikujaan.
Kiinnitimmekin erityistä huomiota siihen, että uusien sivustojen osoiterakenne olisi mahdollisimman yhdenmukainen vanhojen sivustojen kanssa tai vanhat osoitteet vähintään ohjaisivat kävijän oikeaan paikkaan. Tämän takaamiseksi taoimme satoja uudelleenohjauksia paikalleen ennen sivuston julkaisua.
Onnistuimme työssä erinomaisesti – kokonaisuuden laajuuden huomioon ottaen vain harva kävijä näkee 404-virhesivun!
Kokonaisuuden kaikilla sivustoilla on käytössä Duden kehittämä evästeiden hallintatyökalu. Evästeiden hallinnan ansioista sivustot ovat yhteensopivat EU:n tietosuojadirektiivin ja GDPR-lakien kanssa, eikä niillä ei lataudu materiaaleja ulkopuolisista lähteistä, ennen kuin kävijä on erikseen hyväksynyt evästeet.
Ulkopuoliset palvelut on jaettu useampaan kategoriaan, joista kävijä voi sallia esimerkiksi vain upotteet ja jättää seurantaa varten tarkoitetut palvelut hyväksymättä. Eri kieliversiot on otettu luonnollisesti huomioon asiaankuuluvalla tavalla.
Sivuston lomakkeilla jätetyt yhteydenottopyynnöt välittyvät rakentamamme integraation avulla suoraan Otavan Dynamics CRM:ään. Sivuston sisällön ylläpitäjät voivat luoda lomakkeita ja asettaa kenttien lähetykset CRM:ään täysin omatoimisesti.
Verkkosivujemme uudistusprojekti oli erittäin laaja ja sisälsi useita eri integraatioita. Dude pystyi toteuttamaan kaikki sivustouudistukselle asetetut tavoitteet, osan jopa paremmin kuin uskalsimme toivoa. Yhteistyö Duden kanssa oli antoisaa, mutkatonta, sujuvaa ja myös inspiroivaa! Dudelaiset ovat huippuammattilaisia ja he kuuntelevat aidosti asiakasta ja toimivat joustavasti ja ketterästi. Olemme erittäin tyytyväisiä uusiin sivuihimme ja yhteistyö Duden kanssa jatkuu tulevaisuudessakin.
