Helppokäyttöinen sivustonmuokkaus
Ahola, Eevert (2020)
Ahola, Eevert
2020
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2020120927121
https://urn.fi/URN:NBN:fi:amk-2020120927121
Tiivistelmä
Tämän opinnäytetyön tarkoituksena oli kehittää helppokäyttöinen web-sovellus sivuston muokkausta varten. Sovellus on osa Kemijärven seurakunnan nuorisotyölle kehitettäviä sivustoja, joten sen käytöstä oli tehtävä yksinkertaista myös sellaisille henkilöille, jolla ei lainkaan kokemusta tai taitoja ohjelmointiin liittyen. Projektin tavoitteena oli kehittää perustyökalut sivustojen muokkaamiseen, jotta käyttäjä voi lisätä sivustolle haluamiaan tekstejä ja kuvia.
Sovellus toteutettiin Next.js-ohjelmistokehystä ja Material-UI-kirjastoa käyttämällä, ja sen toimintaan hyödynnettiin lohkorakenteista mallia. Työssä kehitettiin mahdollisuus kahteen erityyppiseen lohkoon: tekstilohkoon ja kuvalohkoon. Tekstilohkon ominaisuuksiin kuuluu tekstin värin, koon ja tasauksen valinta. Kuvalohkoon vastaavasti voi lisätä kuvan tuomalla tai raahaamalla sen lohkon sisään. Kuvaa voi myös säätää haluamansa kokoiseksi. Näiden ominaisuuksien lisäksi työssä mahdollistettiin yksittäisen lohkon jakaminen kahteen rinnakkaiseen osaan, sekä usean lohkon lisäämiseen allekkain.
Toimivuudeltaan työ on onnistunut, ja se täytti asetetut tavoitteet. Sovellus on kehitetty selkeäksi, ja sitä on helppo lähteä kehittämään tarvittavaan suuntaan sivustoja rakentaessa.
Sovellus toteutettiin Next.js-ohjelmistokehystä ja Material-UI-kirjastoa käyttämällä, ja sen toimintaan hyödynnettiin lohkorakenteista mallia. Työssä kehitettiin mahdollisuus kahteen erityyppiseen lohkoon: tekstilohkoon ja kuvalohkoon. Tekstilohkon ominaisuuksiin kuuluu tekstin värin, koon ja tasauksen valinta. Kuvalohkoon vastaavasti voi lisätä kuvan tuomalla tai raahaamalla sen lohkon sisään. Kuvaa voi myös säätää haluamansa kokoiseksi. Näiden ominaisuuksien lisäksi työssä mahdollistettiin yksittäisen lohkon jakaminen kahteen rinnakkaiseen osaan, sekä usean lohkon lisäämiseen allekkain.
Toimivuudeltaan työ on onnistunut, ja se täytti asetetut tavoitteet. Sovellus on kehitetty selkeäksi, ja sitä on helppo lähteä kehittämään tarvittavaan suuntaan sivustoja rakentaessa.