Oppimisportaalin käyttöliittymän toteutus
Juntunen, Niko (2021)
Juntunen, Niko
2021
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2021052510996
https://urn.fi/URN:NBN:fi:amk-2021052510996
Tiivistelmä
Tämän opinnäytetyön tavoitteena oli toteuttaa oppimisportaalin frontend ASP.NET Core Razor pages-ohjelmistokehyksellä. Tavoitteena oli saada aikaan pilottiversio Piilaakso Academy Oy:lle. Tavoitteisiin kuului myös CSS- ja JavaScript-kirjastojen hyödyntäminen projektissa. Oppimisportaalin käyttäjät jaetaan eri rooleihin tarpeen mukaan. Portaalin avulla käyttäjä voi kehittää omaa osaamistaan ja seurata sitä. Taidoilla ja sertifikaateilla käyttäjän kehityksestä tulee konkreettisempaa ja näkyvämpää.
Razor pages on ASP.NET Core:n lisäosana toimiva www-projektien kehittämiseen suunniteltu ohjelmistokehys. Siinä käytetään MVVM-mallia (Model-View-ViewModel). Razor pages mahdollistaa C#-kielen käytön suoraan HTML-sivulla. Bootstrap mahdollistaa sivuston responsiivisuuden ja siitä on hyötykäytetty muitakin osia mm. kortteja (cards). JQueryn-kirjastoa tarvitaan suurimmaksi osaksi muiden kirjastojen toimivuuden vuoksi. Font Awesome toi ikoneiden avulla eloa ulkoasuun. Sovellus perustuu palvelimella olevaan tietokantaan, joka pitää kirjaa käyttäjän tiedoista ja taidoista. Sovellukseen kirjaudutaan tunnuksilla sisään. Käyttäjän etusivuna toimii hallintapaneeli, jota kautta käyttäjä pääsee nopeasti hallitsemaan omia tietojaan. Sovelluksessa on myös useita eri haku mahdollisuuksia, jotta etsiminen olisi helpompaa.
Opinnäytetyön tavoitteisiin päästiin ja pilottiversio saatiin valmiiksi. Lähes kaikki ominaisuudet saatiin toimiviksi, mutta myös lisättäviä ominaisuuksia jäi. Oppimisportaalin kehitys jatkuu vielä ja ongelmien ratkaiseminen on seuraava askel Piilaakson toimesta.
Razor pages on ASP.NET Core:n lisäosana toimiva www-projektien kehittämiseen suunniteltu ohjelmistokehys. Siinä käytetään MVVM-mallia (Model-View-ViewModel). Razor pages mahdollistaa C#-kielen käytön suoraan HTML-sivulla. Bootstrap mahdollistaa sivuston responsiivisuuden ja siitä on hyötykäytetty muitakin osia mm. kortteja (cards). JQueryn-kirjastoa tarvitaan suurimmaksi osaksi muiden kirjastojen toimivuuden vuoksi. Font Awesome toi ikoneiden avulla eloa ulkoasuun. Sovellus perustuu palvelimella olevaan tietokantaan, joka pitää kirjaa käyttäjän tiedoista ja taidoista. Sovellukseen kirjaudutaan tunnuksilla sisään. Käyttäjän etusivuna toimii hallintapaneeli, jota kautta käyttäjä pääsee nopeasti hallitsemaan omia tietojaan. Sovelluksessa on myös useita eri haku mahdollisuuksia, jotta etsiminen olisi helpompaa.
Opinnäytetyön tavoitteisiin päästiin ja pilottiversio saatiin valmiiksi. Lähes kaikki ominaisuudet saatiin toimiviksi, mutta myös lisättäviä ominaisuuksia jäi. Oppimisportaalin kehitys jatkuu vielä ja ongelmien ratkaiseminen on seuraava askel Piilaakson toimesta.