Jyväskylän Avoin Yliopisto – interaktiivinen kurssialusta tieteellisen ajattelun oppimiseen

Trimedia toteutti Jyväskylän avoimelle yliopistolle Laravel-, Livewire- ja Alpine.js-teknologioilla rakennetun interaktiivisen kurssialustan tieteellisen ajattelun oppimiseen.

Projektin sisältö


Budjettiluokka

10 000–25 000 €

Tiivistelmä

Jyväskylän avoin yliopisto on Suomen suosituin avoin yliopisto, jossa opintoja voi aloittaa ympäri vuoden ilman pohjakoulutusvaatimuksia tai ikärajoja. Tieteellisen ajattelun ja kirjoittamisen kurssi on monelle opiskelijalle ensimmäinen askel yliopisto-opintoihin, joten oppimisympäristön tuli tukea opiskelijaa selkeästi ja motivoivasti.

Projektin tavoitteena oli rakentaa verkkopohjainen kurssialusta, joka ohjaa opiskelijaa vaiheittain tieteellisen ajattelun perusteisiin. Alustan tuli yhdistää monipuoliset oppimissisällöt, interaktiiviset tehtävät ja sujuva eteneminen kokonaisuudeksi, jota opiskelija voi käyttää omaan tahtiinsa.

Trimedia vastasi projektista kokonaisvaltaisesti konseptoinnista visuaaliseen suunnitteluun ja tekniseen toteutukseen. Lisäksi toteutukseen sisältyi palvelinympäristön ylläpito, PHP-päivitykset, tietoturvapäivitykset, varmuuskopiointi sekä järjestelmän toimintavarmuudesta huolehtiminen.

Lopputuloksena syntyi interaktiivinen Laravel-pohjainen oppimisalusta, joka tukee tieteellisen ajattelun oppimista, tarjoaa monipuolisia tehtävämuotoja ja mahdollistaa opiskelijan etenemisen joustavasti eri kokonaisuuksien läpi.

Interaktiivinen oppimisympäristö rakennettiin vaiheittaisen etenemisen ympärille

Kurssialusta suunniteltiin niin, että opiskelija etenee neljän kokonaisuuden läpi omaan tahtiinsa. Oppiminen rakentuu vaiheittain: opiskelija tutustuu sisältöihin videoiden ja podcastien avulla, ratkaisee erilaisia tehtäviä ja saa suoritusmerkkejä suoritetuista osioista, jotka voidaan ladata Moodle-ympäristöön.

Teknisessä toteutuksessa hyödynnettiin Laravelia, Livewirea ja Alpine.js:ää. Laravel mahdollisti taustalogiikaltaan erikoistuneen verkkosovelluksen rakentamisen, kun taas Livewire ja Alpine.js mahdollistivat modernin käyttöliittymän ilman ylimääräisiä sivulatauksia. Käyttöliittymä reagoi käyttäjän syötteisiin reaaliaikaisesti ja ohjaa opiskelijaa hienovaraisesti koko kurssin ajan.

Alustalle toteutettiin useita erilaisia tehtävätyyppejä, kuten monivalintatehtäviä sekä siirtämällä ratkaistavia harjoituksia. Oppimiskokemusta elävöitettiin luontoaiheisilla Lottie-animaatioilla, jotka tarjoavat kevyen ja suorituskykyisen tavan toteuttaa animaatioita verkkoympäristössä.

Projektiin sisältyi myös jatkuva ylläpito. Trimedia vastaa palvelimen toimintakunnosta, tietoturvapäivityksistä, PHP-päivityksistä, varmuuskopioinnista sekä mahdollisten virhetilanteiden selvittämisestä ja korjaamisesta, jotta järjestelmä pysyy vakaana ja turvallisena käytössä.

Keskeiset ratkaisut ja ominaisuudet

  • Laravel-pohjainen verkkosovellus
  • Livewire- ja Alpine.js-käyttöliittymä
  • Interaktiiviset oppimistehtävät
  • Video- ja podcast-sisällöt
  • Suoritusmerkkien lataaminen Moodleen
  • Lottie-animaatioiden hyödyntäminen
  • Vaiheittainen kurssirakenne
  • Palvelin- ja tietoturvaylläpito

FAQ – Projekti pähkinänkuoressa

Moni aihe askarruttaa kun etsii omaan tarpeeseen sopivaa ratkaisua. Kokosimme yleisimpiä kysymyksiä verkkosivustoprojekteihin, toteutuksiin ja teknisiin ratkaisuihin liittyen. Jos oma kysymyksesi ei löydy listalta, kysy rohkeasti.

Harva verkkopalveluhaaste on meille täysin uusi tuttavuus.

Kurssialusta rakennettiin Laravelilla, ja käyttöliittymä toteutettiin Livewirea ja Alpine.js:ää hyödyntäen, jotta opiskelija voi edetä kurssilla sujuvasti ilman jatkuvia sivulatauksia.

Alustalla on muun muassa videoihin ja podcasteihin perustuvia sisältöjä, monivalintatehtäviä sekä siirtämällä ratkaistavia harjoituksia.

Kurssi on jaettu neljään kokonaisuuteen, jotka opiskelija voi suorittaa omaan tahtiinsa. Suoritetuista osioista voi ladata suoritusmerkin Moodle-ympäristöön

Animaatiot toteutettiin Lottie-formaatilla, joka tarjoaa kevyen ja suorituskykyisen tavan esittää animaatioita verkkosovelluksessa.

Projektit käynnistetään yhteisellä suunnittelulla, jossa määritellään tavoitteet, käyttäjien tarpeet ja toteutuksen tärkeimmät linjaukset. Työpajat, säännölliset projektipalaverit ja selkeä viestintä varmistavat, että kaikki pysyvät ajan tasalla projektin etenemisestä.

Trimedia vastaa projektin etenemisestä, teknisestä toteutuksesta ja kokonaisuuden hallinnasta, mutta asiakas on mukana tärkeissä päätöksissä koko matkan ajan. Yhteistyö jatkuu tarvittaessa ylläpidon ja jatkuvan kehityksen merkeissä.

Vastaamme vuositasolla satojen asiakkaiden sivustojen ylläpidosta. Osaava ylläpitotiimi on valmiina palvelemaan – ja meidän kanssamme ylläpidon ongelmat loppuvat.

Hoidamme WordPress-sivustojen ylläpidon niin että se ei kuormita teitä. Päivitykset tehdään, tietoturva on kunnossa ja sivusto on valvonnassa ympäri vuorokauden.

Lue lisää

Lopputulos

Jyväskylän avoin yliopisto sai tieteellisen ajattelun oppimiseen suunnitellun verkkosovelluksen, joka yhdistää monipuoliset oppimissisällöt, interaktiiviset tehtävät ja joustavan opiskelun samaan ympäristöön.

Selkeä oppimispolku opiskelijalle

Kurssi etenee vaiheittain neljän kokonaisuuden kautta, jolloin opiskelija voi suorittaa opinnot omaan tahtiinsa ja seurata etenemistään osio kerrallaan.

Reaaliaikaisesti reagoiva käyttöliittymä

Livewire- ja Alpine.js-toteutus mahdollistaa sujuvan käyttökokemuksen ilman ylimääräisiä sivulatauksia, mikä auttaa opiskelijaa keskittymään oppimiseen ja tehtävien suorittamiseen.

Vakaa ja ylläpidetty palvelu

Jatkuva palvelin- ja tietoturvaylläpito, varmuuskopiointi sekä päivityksistä huolehtiminen varmistavat, että kurssialusta pysyy toimintakunnossa ja turvallisena myös pitkällä aikavälillä.

“Yhteistyö Trimedian kanssa sujui hienosti. Trimedia huolehti aikataulutuksesta, projektin etenemisestä ja resurssoinnista loistavasti.”

Avoin Yliopisto

Toteutustiimi

Jere Pyhäjärvi
Arto Saksola

Kiinnostuitko?

Kerro lyhyesti mitä olette suunnittelemassa — vastaamme parissa päivässä ja kerromme rehellisesti mitä se vaatii.

Ota yhteyttä oheisella lomakkeella tai soittamalla!

Muita toteutuksia