Web-sovellus lukiolaisten vapaa-ajan porukoiden muodostamiseen
Sarviala, Sebastian (2023)
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2023053116400
https://urn.fi/URN:NBN:fi:amk-2023053116400
Tiivistelmä
Projektin aiheena oli sovellus tukemaan vuonna 2021 Etelä-Tapiolassa kehitettyä Kaverihaku-prosessia, jossa halukkaista opiskelijoista muodostetaan pienryhmiä. Kaverihaun tavoite on vähentää yksinäisyyttä ja syrjäytymistä ja parantaa viihtyvyyttä koulussa. Projekti tuottaisi web-sovelluksen, joka on rakennettu käyttäen teknologioita MongoDB, Express, React ja NodeJS. Web-sovellus toimisi ilmoittautumisväylänä opiskelijoille ja ryhmien muodostamisen työkaluna Kaverihaku-toteutuksesta vastaavalle toteutustiimille.
Suunnitteluvaiheessa ideoitiin erilaisia toteutustapoja toiminnoille. Sovellusta kuvattiin uimaratakaavioilla ja mockup-näkymillä. Mockup-näkymät tuotettiin käyttämällä web-teknologioita HTML ja CSS ja valmista CSS-ratkaisua Bootstrap. Sovelluskehitysvaiheessa mockup-näkymiä pilkottiin uusiokäytettäviksi React-komponenteiksi. Sovelluksen tilanhallintaan hyödynnettiin React Redux -kirjastoa. Sovellukseen toteutettiin sekä suomen- että englanninkielinen käyttöliittymä React-kirjaston i18next avulla. Palvelin toteutettiin Express-sovelluksena. Resursseille tehtiin skeemat Mongoose-kirjastoa käyttäen. Rajapinnan päätepisteet noudattivat REST-käytänteitä. Testidatan muodostamisessa hyödynnettiin Python-kieltä.
Projekti tuotti pitkälle viedyn palvelintoteutuksen ja vaillinaisen käyttöliittymän. Suunnittelu auttaa projektia jatkavia tahoja edistämään sovelluksen toteutumista.
Suunnitteluvaiheessa ideoitiin erilaisia toteutustapoja toiminnoille. Sovellusta kuvattiin uimaratakaavioilla ja mockup-näkymillä. Mockup-näkymät tuotettiin käyttämällä web-teknologioita HTML ja CSS ja valmista CSS-ratkaisua Bootstrap. Sovelluskehitysvaiheessa mockup-näkymiä pilkottiin uusiokäytettäviksi React-komponenteiksi. Sovelluksen tilanhallintaan hyödynnettiin React Redux -kirjastoa. Sovellukseen toteutettiin sekä suomen- että englanninkielinen käyttöliittymä React-kirjaston i18next avulla. Palvelin toteutettiin Express-sovelluksena. Resursseille tehtiin skeemat Mongoose-kirjastoa käyttäen. Rajapinnan päätepisteet noudattivat REST-käytänteitä. Testidatan muodostamisessa hyödynnettiin Python-kieltä.
Projekti tuotti pitkälle viedyn palvelintoteutuksen ja vaillinaisen käyttöliittymän. Suunnittelu auttaa projektia jatkavia tahoja edistämään sovelluksen toteutumista.