Helppokäyttöinen sivustonmuokkaus
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 oh...
Main Author: | |
---|---|
Format: | Other/Unknown Material |
Language: | Finnish |
Published: |
2020
|
Subjects: | |
Online Access: | http://www.theseus.fi/handle/10024/353254 |
id |
fttheseus:oai:www.theseus.fi:10024/353254 |
---|---|
record_format |
openpolar |
spelling |
fttheseus:oai:www.theseus.fi:10024/353254 2023-05-15T17:01:53+02:00 Helppokäyttöinen sivustonmuokkaus Ahola, Eevert 2020 http://www.theseus.fi/handle/10024/353254 fin fin http://www.theseus.fi/handle/10024/353254 URN:NBN:fi:amk-2020120927121 fi=All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.|sv=All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.|en=All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.| Next.js Ohjelmistotekniikka fi=Tieto- ja viestintätekniikka|sv=Informations- och kommunikationsteknik|en=Information and Communications Technology| kehittäminen ohjelmointi JavaScript sovellusohjelmat Tieto- ja viestintätekniikan tutkinto-ohjelma fi=AMK-opinnäytetyö|sv=YH-examensarbete|en=Bachelor's thesis| 2020 fttheseus 2021-08-17T07:20:25Z 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. The intention of this bachelor’s thesis was to develop a user-friendly web application for site editing. Application is a part of a website that is going to be designed for the youth work in Kemijärvi parish. For that reason, it needed to be simple to use without any necessary coding skills. The aim for this project was to develop basic tools for editing websites so that the user can add text and pictures to the page. The application was implemented with Next.js framework and Material-UI library, and block styled models were utilized for its functions. Two kind of options were developed for the editing: a block for a picture or a text. The user can change the color, the size and the align in a text block. A picture can be imported or dragged to a block intended for a picture, and its size can be modified. In addition, it is possible to have multiple blocks in a page and you can split one block vertically. All the functions work well in the application and it achieved the objective. The web application is clear, and it is easy to develop it further. Other/Unknown Material Kemijärvi Theseus.fi (Open Repository of the Universities of Applied Sciences) Kuvan ENVELOPE(14.580,14.580,67.389,67.389) |
institution |
Open Polar |
collection |
Theseus.fi (Open Repository of the Universities of Applied Sciences) |
op_collection_id |
fttheseus |
language |
Finnish |
topic |
Next.js Ohjelmistotekniikka fi=Tieto- ja viestintätekniikka|sv=Informations- och kommunikationsteknik|en=Information and Communications Technology| kehittäminen ohjelmointi JavaScript sovellusohjelmat Tieto- ja viestintätekniikan tutkinto-ohjelma |
spellingShingle |
Next.js Ohjelmistotekniikka fi=Tieto- ja viestintätekniikka|sv=Informations- och kommunikationsteknik|en=Information and Communications Technology| kehittäminen ohjelmointi JavaScript sovellusohjelmat Tieto- ja viestintätekniikan tutkinto-ohjelma Ahola, Eevert Helppokäyttöinen sivustonmuokkaus |
topic_facet |
Next.js Ohjelmistotekniikka fi=Tieto- ja viestintätekniikka|sv=Informations- och kommunikationsteknik|en=Information and Communications Technology| kehittäminen ohjelmointi JavaScript sovellusohjelmat Tieto- ja viestintätekniikan tutkinto-ohjelma |
description |
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. The intention of this bachelor’s thesis was to develop a user-friendly web application for site editing. Application is a part of a website that is going to be designed for the youth work in Kemijärvi parish. For that reason, it needed to be simple to use without any necessary coding skills. The aim for this project was to develop basic tools for editing websites so that the user can add text and pictures to the page. The application was implemented with Next.js framework and Material-UI library, and block styled models were utilized for its functions. Two kind of options were developed for the editing: a block for a picture or a text. The user can change the color, the size and the align in a text block. A picture can be imported or dragged to a block intended for a picture, and its size can be modified. In addition, it is possible to have multiple blocks in a page and you can split one block vertically. All the functions work well in the application and it achieved the objective. The web application is clear, and it is easy to develop it further. |
format |
Other/Unknown Material |
author |
Ahola, Eevert |
author_facet |
Ahola, Eevert |
author_sort |
Ahola, Eevert |
title |
Helppokäyttöinen sivustonmuokkaus |
title_short |
Helppokäyttöinen sivustonmuokkaus |
title_full |
Helppokäyttöinen sivustonmuokkaus |
title_fullStr |
Helppokäyttöinen sivustonmuokkaus |
title_full_unstemmed |
Helppokäyttöinen sivustonmuokkaus |
title_sort |
helppokäyttöinen sivustonmuokkaus |
publishDate |
2020 |
url |
http://www.theseus.fi/handle/10024/353254 |
long_lat |
ENVELOPE(14.580,14.580,67.389,67.389) |
geographic |
Kuvan |
geographic_facet |
Kuvan |
genre |
Kemijärvi |
genre_facet |
Kemijärvi |
op_relation |
http://www.theseus.fi/handle/10024/353254 URN:NBN:fi:amk-2020120927121 |
op_rights |
fi=All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.|sv=All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.|en=All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.| |
_version_ |
1766055069862592512 |